Smart Cart Redesign

An evaluation & update of a smart shopping cart in Wegmans markets that adds a feature or system that improves the shopping experience.

An evaluation & update of a smart shopping cart in Wegmans markets that adds a feature or system that improves the shopping experience.

Role

Role

Researcher, Planner, UX/UI Designer

Researcher, Planner, UX/UI Designer

Individual Assignment

Individual Assignment

Duration

11 weeks

Skills

Duration

Research & evaluation, UI/UX design, prototyping

5 weeks

Skills

Design systems, Figma variables, prototyping, UX/UI design, illustration, branding

Tools

Figma, Photoshop, Illustrator

Tools

Duration

Tools

Figma, After Effects

5 weeks

Figma, After Effects

Final Prototype

Project Goal

Project Goal

Evaluate the current smart cart & add a feature or system that improves user experience.

Evaluate the current smart cart & add a feature or system that improves user experience.

How I Did It

How I Did It

Implement a toggle between a list and a cart view that allows users to see what they have & what is on their list while giving stock data.

Implement a toggle between a list and a cart view that allows users to see what they have & what is on their list while giving stock data.

Heuristic Evaluation

What I Was Looking For

This evaluation was based on Jakob Nielsen's 10 Principles for Interaction Design. The smart cart was ranked on how big each problem was (with 1 being not a problem and 4 being a huge problem).

Nielsen’s principles revolve around design aspects that affect both usability and visual appeal.

Conclusions

This cart could be a helpful but it needs some improvements.

Biggest issues: User Freedom, Mistake Recovery, Documentation

Project Scope & Workflow Diagram

Scope

A feature that uses the shopping cart to access a previously made list would improve this cart.

Connect to App

Having users sign into their Wegmans account gives the opportunity to access the list feature, see stocking data, item locations, & familiar search features.

New Features

The new features will connect the cart with the Wegmans app & incorporate the Wegmans list feature & stocking data.

Workflow

After deciding what my project would encompass, I made a workflow diagram of how the new smart cart would function & how the user could navigate through each aspect of the cart.

Wireframes

Style Guide

What’s Included

After I finished wireframing, I added style to my designs that emulated the current Wegmans app with color and icon styles.
I made guides for color, typography, iconography, and button and card styles. I also outlined my grid system and all the spacing on each frame.

Final Comps

Takeaways

Research works.

By using the device and observing other shoppers, I gained insights beyond what I could get from just looking at the device. This helped me create a new feature that is truly impactful.

Physical & digital work together.

In this project, the physical design of the device and the interface on the screen impacted the user experience. Creating a feature that helps make the physical device less of a problem helps bring them together to work well.