Featured Project

KornerShoppe

Overview

Vestibulum ligula est, egestas eget libero non, pellentesque euismod urna. Nullam lacinia fringilla purus at pretium. Nam vulputate dapibus justo, vitae vestibulum purus sollicitudin pulvinar. Curabitur fringilla pretium lacus sed finibus. Sed nec lorem purus. Nullam justo eros, sodales et viverra quis, hendrerit eu lacus. In a tempus dui. Sed efficitur enim vel placerat porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec lorem purus. Nullam justo eros, sodales et viverra quis, hendrerit eu lacus. In a tempus dui. Sed efficitur enim vel placerat porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contributions

Leadership Role

As the sole user interface and experience designer on this project, I ultimately metastasized into a product designer. Quite often we looked to the proposed design direction to completely flesh out a skeleton of a feature. It was imperative to put our user’s first, using data to drive a majority of our product design decisions. No feature was put into development without design’s complete buy-in and confidence we had the user’s best interest at heart.

User Experience Research

Eye-tracking, user-testing, competitive analysis, stakeholder interviews, on-site shadowing, analytical analysis, paper testing. You name it, and we put this system’s experience through the ringer with it. Breaking into this new market was daunting, and we needed to make sure all of our ducks were in a row as the system was being built. There’s nothing more demoralizing yet inspiring and insightful than having your pixel perfect design torn to shreds during a user-test. Those furiously scrawled pages of notes are worth their weight in gold.

User Interface and Layout

Leaning heavy into my good friends: 12 column grid, 8 pixel spacer and atomic design, gave us a strong foundation to develop a reusable, future-proof and visually pleasing user interface. Designing unique baseline patterns that could be built upon and used throughout the vast system allowed us to pull from a library of reusable components to quickly develop and deploy seemingly entirely new features.

Visual Design

From soup-to-nuts, I lead all aspects of the visual design process, ensuring everything fell within a cohesive visual style while retaining all accessibility requirements. From iOS and Android, to desktop and web systems, this enabled us to create an incredibly optimized system allowing us to re-skin the entire web interface in just a few hours, from concept to deployment.

Interactive Design & Animation

No interface is complete without a suite of appropriately mesmerizing interactions and animations. To ensure all major messaging was delivered adequately, and users were delighted throughout their journey, minor yet impactful animations were integrated within the experience. A pop color whenever items were added to the shopping cart. A snappy slide-on-screen notification when an item was favorited. A gently pulsing indicator of what step you were on in the order-fulfillment process. All of these and more add an air of comfort to the experience, reinforcing confidence to the user in their actions, letting them know, “Hey, we got your back here, we’re here for you.”

Notable Features

Synced Native and Web Experiences

Vestibulum ligula est, egestas eget libero non, pellentesque euismod urna. Nullam lacinia fringilla purus at pretium. Nam vulputate dapibus justo, vitae vestibulum purus sollicitudin pulvinar. Curabitur fringilla pretium lacus sed finibus. Sed nec lorem purus. Nullam justo eros, sodales et viverra quis, hendrerit eu lacus. In a tempus dui. Sed efficitur enim vel placerat porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Optimized Design System and Workflow

Vestibulum ligula est, egestas eget libero non, pellentesque euismod urna. Nullam lacinia fringilla purus at pretium. Nam vulputate dapibus justo, vitae vestibulum purus sollicitudin pulvinar. Curabitur fringilla pretium lacus sed finibus. Sed nec lorem purus. Nullam justo eros, sodales et viverra quis, hendrerit eu lacus. In a tempus dui. Sed efficitur enim vel placerat porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Administration Portal

Vestibulum ligula est, egestas eget libero non, pellentesque euismod urna. Nullam lacinia fringilla purus at pretium. Nam vulputate dapibus justo, vitae vestibulum purus sollicitudin pulvinar. Curabitur fringilla pretium lacus sed finibus. Sed nec lorem purus. Nullam justo eros, sodales et viverra quis, hendrerit eu lacus. In a tempus dui. Sed efficitur enim vel placerat porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Multi-faceted Point-Man

Vestibulum ligula est, egestas eget libero non, pellentesque euismod urna. Nullam lacinia fringilla purus at pretium. Nam vulputate dapibus justo, vitae vestibulum purus sollicitudin pulvinar. Curabitur fringilla pretium lacus sed finibus. Sed nec lorem purus. Nullam justo eros, sodales et viverra quis, hendrerit eu lacus. In a tempus dui. Sed efficitur enim vel placerat porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Advanced User Testing

Vestibulum ligula est, egestas eget libero non, pellentesque euismod urna. Nullam lacinia fringilla purus at pretium. Nam vulputate dapibus justo, vitae vestibulum purus sollicitudin pulvinar. Curabitur fringilla pretium lacus sed finibus. Sed nec lorem purus. Nullam justo eros, sodales et viverra quis, hendrerit eu lacus. In a tempus dui. Sed efficitur enim vel placerat porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Icon Set

Vestibulum ligula est, egestas eget libero non, pellentesque euismod urna. Nullam lacinia fringilla purus at pretium. Nam vulputate dapibus justo, vitae vestibulum purus sollicitudin pulvinar. Curabitur fringilla pretium lacus sed finibus. Sed nec lorem purus. Nullam justo eros, sodales et viverra quis, hendrerit eu lacus. In a tempus dui. Sed efficitur enim vel placerat porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

What's your Vibe?