checkit grocery app mockup upon a blue background
Responsibilities

Research

Design

Prototype

Timeline

10 Weeks

Overview

Driven by the challenge of making grocery shopping simpler and more informative, I developed an app that enables users to scan barcodes and instantly access detailed information about product ingredients, nutrition, and pricing. This project, rooted in extensive research and user-centered design, transforms the shopping experience into an informed, efficient, and budget-friendly journey.

Data

78%

of consumers encounter conflicting information about what to eat

56%

of consumers doubt their choices due to conflicting information
Problem Space

Research has shown that grocery shoppers suffer from information overload when confronted with too many options in store. This results in a lack of consumer confidence and poor decision-making, ultimately leading to buyer's remorse (Source: International Business Research).

Interviews

To gain firsthand insights into the issue of information overload among grocery shoppers I conducted five interviews, each lasting 30 minutes, with individuals aged 22-60 who shopped at least twice weekly. This process was to test my initial assumptions about information overload in retail settings and to delve deeper into shoppers' feelings, thoughts, and behaviors.

After conducting the interviews, I reviewed the transcripts, drawing together major themes into visual groupings. This process transformed scattered data into meaningful connections, providing me with an understanding of the motivations behind user behaviours in the store.

Key Insight

Through in-depth interviews, my understanding of user preferences in packaging information evolved. Initially, I believed that minimal information was universally preferable, but I learned that this view was too simplistic. Diverse user personas emerged, revealing that while some favor minimalism, a significant segment values detailed, relevant information.

Reframing

How might we provide shoppers with a deeper understanding of what they are buying without confusing them with too much information?

Development Process

Two personas used to develop the Checkit App
Personas

In analyzing interview data, two key personas emerged to guide the CheckIt app's design. Alicia Martin, the 'Researcher-Type,' seeks detailed product information, while Martin Hao, the 'Scanner-Type,' needs quick health insights for family diets. Their distinct needs informed features for both comprehensive analysis and rapid information access.

user task flow for the checkit app
Task Flow

Starting from the home screen, users like Alicia can select items for detailed comparison, and Martin to rapidly scan for nutritional content. After scanning items such as cashews, users are directed to information screens, with the option to compare nutritional data on a matrix—a feature that aids Alicia in making informed decisions. Martin benefits from the efficient layout, swiftly adding items to a virtual shelf.

ideation boards for my CheckIt app
Ideation

The CheckIt app's ideation board is a study in minimalism and functionality, showcasing a selection of modern typefaces and a serene color palette. Logo designs were distilled from minimalist inspirations, culminating in a clear, user-friendly brand identity that aligns with the app’s aim to provide a streamlined shopping experience.

3 versions of my app prototyped and tested.
Prototyping

Three iterations of the CheckIt prototype were crafted, with each undergoing testing by five participants to assess its viability and usability. While the core task remained consistent, significant refinements were made in presenting information, aiming to enhance accessibility and ease of use. Particularly, improvements to the comparison matrix were prioritized, ensuring users could effortlessly compare products at a glance.

Final Product

Home Screen

Easily access pertinent info and reduce time to think of alternatives through the suggested items on the Home Screen

Scan Screen

Efficiently access information about the item by scanning the barcode of their item

Item Screen

Delve deeper into the products by looking at relevant nutritional information. Knowledge breeds confidence.

Compare Screen

Make quick and informed decisions by comparing between relevant items across a variety of metrics.