Digital Cookie

Research / Visual Design / UX Design / UI Design / Microcopy

Project Overview

In this project, me and two other designers conducted a UX audit/app redesign for Girl Scouts of America’s digital cookies app. The organization's existing app was clunky and inaccessible, and needed a better digital experience. With just two weeks, we didn't have a lot of time. We decided to focus on key screens that best showed the kind of experience we were thinking of.

Research

Although our work time was limited, we made sure to make time for research so that we could more precisely define design problems. To achieve this, we began by engaging with active users of the current app, including parents of scouts and a troop leader, conducting short interviews to understand their experiences and usage patterns. I also compiled 30+ reviews from parents across app stores and analyzed them for themes and common complaints.

After collecting qualitative data from user interviews and online complaints, we discovered a number of pain points that the redesign had to address. We then narrowed these pain points down to three larger themes:
‍

Users found the transaction process to be slow and clunky, falling short of expected digital transaction experiences.
Users wanted a clearer way to view and manage inventory, sales logs, and total sales.
Users wanted an app that scouts could confidently use on their own, without relying on constant assistance.

Wireframes

Using these themes as our guide, we jumped into making wireframes of key screens to better define the features of the redesign. Though we kept to the same basic structure of the existing app, our redesign consolidated disparate elements, emphasizing simplicity and clarity.

Home

As scouts get closer to their goal, the progress indicator transforms by revealing a new brand color and corresponding cookie. This interaction adds both delight and weight to the app’s main screen.

Visual elements have been made larger, and the colors have been updated to AA compliant while remaining fun and kid-friendly. The typography has also been updated to be more legible, as well as more faithful to the brand.

Cookie Select

The original design had no hierarchy, both in terms of image and text. The new design makes the content more prominent, both surfacing branded content and making it easier for the user to find the cookie that they need.

The top of the page serves as a scripted overview of the order for scouts to start the transaction. This gives users an easy script while also better contextualizing the complex checkout process.

Review Order

We tried to make the process more conversational — the top of the page serves as a scripted overview of the order for scouts to follow along. It holds the key information and aims to simplify the order review process. Next steps are also now labeled more clearly

Hints

To help young scouts, the Hint button at the top of the page is accessible during all steps of the checkout process. Each step has a custom hint relating to that checkout step and serves as a teaching moment.

These hints provide accessible learning that ties back to the mission of Girl Scouts. Hints can range from scripted prompts to reminders of ethical business practices.