Welcome to Stocked.

Stocked, an app built to get your coffee order right.

Our focus is to make finding milk alternatives easily accessible and discoverable for everyone.  

 

Whether you’re at home, on a work trip or exploring a new neighborhood, we’ve got your needs covered.

Role

UX/UI Designer

Tools

Figma, Overflow

Skills

Research, wireframing, prototyping

Date

January - February 2020

I'm a paragraph. Click here to add your own text and edit me. It's easy.

I'm a paragraph. Click here to add your own text and edit me. It's easy.

I'm a paragraph. Click here to add your own text and edit me. It's easy.

The story

For a couple months I led two lives. At night I was a UX design student and during the day I worked at Bostons most popular bagel shop.

At work, I would get every bagel question you could possibly think of, but what I did not expect was to become aware of the increasing need for alternative milks in our customers coffee. I was approached daily by customers inquiring if we offered any non-dairy options.

“Oat milk is on the bar”

It was fascinating to watch our customers mood improve once it was confirmed that oat milk was in fact offered free of charge, an apparent win for non-dairy drinkers.

After a few weeks of the same interaction with different individuals, I got to thinking about the daily cup of coffee and the growing need of alternative milk options

The problem

Coffee drinkers look forward to their morning cup of coffee to signal the start off their day, they fix their drink to their liking with the staple milks offered at the bar, cream, skim and whole milk.

 

For non-dairy drinkers, the experience of the coffee run comes with hardships and though dairy-free milk options are available, people have a hard time easily locating them. 

Key insights

Conducting the 1:1 interviews surfaced key trends that helped me better understand

the process of the coffee run for people with allergies and personal dietary restrictions.

Expectations​

  • With dairy options becoming increasingly more popular, people's expectations have increased as well. 

 

  • People expect certain things to be offered and become frustrated when their needs are not a priority for an establishment.

I don’t understand why this cafe doesn’t offer almond milk by now, especially when the cafe

a few blocks away does "

Location

  • When traveling for work or leisure, people have a hard time finding what they need in a location they are not familiar with. People want an easy to locate solution.

 

  • When with friends or co-workers, it is difficult to find a location that fits everyones needs. Someone always ends up settling.​​

" When I’m away for work or traveling, its hard to easily find what I want in a place I am not familiar with "

Time

  • People find a lot of food apps to be busy and offering too many features. People struggle to find what they need in a timely manner. ​

 

  • Non-dairy milks are not always visible (in the fridge). People feel it takes too much time and effort to ask the staff if they have non-dairy options. They feel they are being a burden, especially during a busy time of day.

" Relying on the current apps to inform me on what dairy products are available at a cafe takes a lot of searching "

Price

  • Alternative milks are often offered at a steep additional price. Even if an alternative milk is an option, people often opt out of the additional cost. 

 

  • Users with dairy restrictions feel they have to settle for something they don’t want due to the added expense, while those who drink dairy pay the standard price. 

" I always feel like I have to settle for something I don’t want. Either a cafe doesn’t have what I need or the additional cost is too high "

   Hypothesis

I suspect that people with dietary restrictions or preferences would benefit from an application that is built to help them plan, organize and keep track of milk options no matter where they are.

How might we

  • Make Dairy-free milk more accessible to those who need it.

 

  • Save time for our users searching for alternative milk options?

 

  • Make people feel confident in finding what they need no matter where they are?​

  • Bring attention to businesses that care about non-dairy drinkers.

Research 

5 Recruits |  3 women, 2 men  Ages 23 - 40

All have either dairy restrictions or dairy preferences

Research goals

The people:

  • Learn about people who have dairy allergies and dairy restrictions.

  • Understand how people feel about about their restrictions and the availability of products outside their home.

The experience:

 

  • Discover how people find locations that offer the alternative milks they need.

  • Learn about the coffee run experience. What are the highs and lows for people with dairy restrictions.​

The business: 

  • Understand how businesses cater to their non-dairy drinkers.

Pivot #1

After synthesizing data from the initial 1:1 interviews, it became apparent that people who drink alternative milks fell into two distinct categories.  I decided to shift my design thinking to cover both user types.

 

User 1

People with allergies that drink alternative milks out of necessity

for health purposes.

 

User 2

People who are health and environmentally conscious and don’t

have a dairy allergy.

 

Meet our personas

1.

Dairy-free out of necessity

2.

Health conscious 

Pivot #2

While differentiating the two users of stocked, I felt it was important to bring attention to the different contexts that surround the coffee run.

 

Users were looking for locations where they could meet friends or host a work meeting, without the added stress and uncertainty concerning the drink menu. Key location needs included:

  • Ambiance

  • Wifi

  • Work friendly (meetings and laptops)

  • Date location

Competitor analysis insights

Taking into consideration both my users and what is currently on the market, I realized there is an opportunity to create an edited non-dairy search app, focusing on cafe's and coffee shops. 

I wanted to include features from current apps and re-design them as a simplified and effective solution for non-dairy drinkers.

User Flows

Happy Flow - Users create a new search, browse locations and select a destination based on their needs and reviews of others users. Non-dairy success!​

Advanced Filters - Users are able to filter by price, food options and Nice to have options ie. laptop friendly. 

Saved Locations - Users are able to easily select a loved (saved) location. They can then get directions, share with others, go to location website without creating a new search. 

MVP - Narrowing it down

How can we improve the coffee run?

Through a crowd source app we want our users to feel confident whenever they are on a coffee run, whether they are out and about solo, with friends or at a meeting. 

   Paper prototypes

User feedback

"The results page is too busy"

"The use of a milk carton illustration is a fun element, can there be more icons?"

"I love that you can save locations"

"Is there a map view feature?"

"Can the advanced features be hidden to save on space?"

"Can the milk availability be more

prominent on the results page"

Lo-fi designs

Based on the feedback I received from the paper prototypes 

I developed the below lo-fi designs to further explore solutions for the final design.

"Is there a feature that allows me to search by distance, rating, etc?"

Explore ways for users to

quickly navigate through the

location page without relying

only on scrolling. Users want a fast way to navigate through the page.

Users like that the advanced filters are not taking focus away from the main search.

 

Users are confused by the Location type filter. Was it the same as the main page filter? 

"Will there be an onboarding process?"

"This layout resembles yelp, I would be more inclined to 

use an app that offers a different layout."

Users had a hard time being visually led through the design. Explore different layouts.

"How do I un-save a location?"

"How necessary is specifying the location type? This feature feels like a step too many?

I usually grab coffee at coffee shops or cafes."

" ​How do people add photos? Is that feature somewhere else?"

Final Screens

Final screens for Version 1. Focusing on three key steps for our users.

 Search, Explore and Discover. 

Search

Users create a Search based on their non-dairy needs and the location of their choosing. 

The page displays the five most common non-dairy milks, if there is an option that does not fit their needs, users can use the add button to add more options.

Explore

Here, users Explore the results page for locations that suit their needs. 

Users can select a location, create an advanced search through filters and view results through a list or map view.

Discover

Users Discover locations that they love. 

They can read reviews, add reviews and add locations to their loved page.

Onboarding

Easy app discovery for new users

The goal was to create an intuitive and visually appealing onboarding process that would hold our users attention after the apps initial download.

 

The onboarding consists of 5 key slides. Users are prompted to swipe left for a walkthrough of features the app offers.

 

A skip option is available and located at the bottom right corner for users who wish to get right to searching.

Review and

next steps

  • Is there value in exploring and developing Saved Preferences 

 

  • Investigate the need for a secondary user, allowing business owners to claim their establishment. 

 

  • Investigate partnership options with popular alternative milk brands and grocery stores to generate a profit for the app.

 

  • Focus on recurring edge cases and building solutions. e.g. users generating searches in under populated areas.

​​

Questions

  • How many times a month do users access the app?​

 

  • How often do users create new searches?

 

  • How often do users save locations?

  • How does the app fare in low population areas. 

© 2023 by Ingredients. Proudly created with Wix.com

  • Black Facebook Icon
  • Black Twitter Icon
  • Black Instagram Icon