Meijer E-Commerce

The Project

Meijer was updating their entire e-commerce experience bringing it onto the Hybris platform including their order online with curbside pickup service. This included their shopping cart, checkout and order confirmation for both mobile and desktop web. As the Lead UX Designer on this project, I worked closely with product managers, the client, and developers to build the designs.

My Role

UX Designer

Meijer Color Logo
Meijer Desktop and Mobile Scheduler
Communication Icon

Working with Stakeholders

It was imperative to maintain Meijer's needs such as the specifics of their curbside scheduling, options for notes, substitutions on an order, and payment methods. At the same time, the designs needed to align with the Hybris platform which required understanding where those limitations were and communicating with product managers regularly Working in an Agile process.

Wireframes and Design Specs

I created wireframes for mobile and desktop for various use cases documenting details of each condition in Confluence, the tool of choice by product managers and engineers. I presented these wireframes to the client for stakeholder approval, further defining features in scope for the first release and identifying those features that would be pushed to the second iteration.

Product Detail Page Layout

Meijer PDP Desktop
Meijer PDP Mobile

Cart, Checkout, Order Confirmation Wireflow

Some conditions to address when designing the checkout flow included switching between pickup and delivery, adding or removing notes, messaging the user when items may not be available when either the store location is changed or if the user switches between pickup and delivery, and different scheduling options.

Meijer Cart checkout and order confirmation Desktop

Tip Your Shopper User Flow and Wireframes

A future iteration would include the option to rate and/or tip your shopper.

Meijer Tip Flow Mobile
Visual Design Icon

Visual Designs

Partnering with a talented Visual Designer, I reviewed the annotated wireframes and requirements so the Meijer branded elements, text styles and colors could be applied in a consistent and highly designed way.

Cart, Checkout and Order Confirmation Final Designs

mobile cart
mobile cart
mobile checkout
desktop cart

LINKEDIN

> Let's Connect

TWITTER

> Follow Me

CONTACT


P: 312-498-0207
E: alison.gaddis@gmail.com

I look forward to hearing from you!