Optimize your grocery shopping trip
MetaGrocer
Tell Me More

App Overview

Plan. Shop. Save.

We understand that shopping can be a hassle some times, and shopping for good deals is even harder. That is why we designed Metagrocer - to help you plan your shopping trip, get coupons for your items, and use them at the store. Whether you are making a quick run to the store for a few items, planning your weekly grocery shopping, or spontaneously deciding to buy yourself a snack as you walk by the store, Metagrocer will help you find the best deals.

Key Features

Why our app is like no other.

Price Comparison

Getting the best deals

Coupons To Go

Saving money fast

Gamification

Making shopping fun

Video Prototype

What our app does and how you use it

Design Process

How we created the design - from beginning to end.

  • Interaction Design

  • 1. Empathize

    Contextual Inquiry & Interview

    Observed and interviewed 3 UW students while they went on their grocery shopping trips.

  • 2. Define

    Tasks

    Developed six tasks that could be performed with our app.

  • 3. Ideate

    Design Sketches

    Sketched three interface designs that supported the tasks, and selected one to be further refined.

  • 4. Prototype

    Storyboard

    Created two storyboards to convey the functionality of the design.

  • Interface Design

  • 5. Prototype

    Paper prototype

    Created paper prototype that conveyed the critical aspects of our design.

  • 6. Evaluation

    Nielsen's Heuristic Evaluation

    Received two heuristic evaluations and revised the paper prototype based on the evaluation results.

  • 7. Test

    Usability Testing

    Conducted three usability testing sessions with the paper prototype.

  • 8. Improve

    Digital Mockup

    Updated prototype with the feedback and created digital mockup.

Documents

The story of our design process.

Getting the Right Design

Includes design research, task development, design generation, and final design selection.

Getting the design right file
Research Report

Getting the Design Right

Includes paper prototyping, inspection, user testing, and final digital mockup.

Getting the right design file
Design Report

Poster Presentation

This poster displays the key parts of our design, and the process we used to create it.

Poster file
Class Poster

Our Amazing Team

The ones who made it all happend.

Tim Adamson

Civil & Environmental Engineering

Kevin Birrell

Computer Science & Engineering

Ryan Milem

Computer Science & Engineering

Lulu Sun

Human Centered Design & Engineering

We come from a range of disciples, experiences,
and backgrounds, and together we form a powerful team.