Try Coffee's UX design

Don't think your order Is correct? Let's double check It.

UX Design

Figma

Timeline:

Aug- December 2023

Role:

UX Designer

Concept Overview

01

What Is this?

Try Coffee Is a self project that I created, that gives users the convenience to double check their orders during the stage of food preparation. This makes sure everything they ordered comes out correctly. I am the designer behind this concept.

The Problem

02

An Unidentified Issue

Users are given multiple ways of convenience to make their shopping experience faster, and easier. Some ways of conveniences might be curbside pickup, ordering online, or having someone deliver to your doorstep. These are great ways of convenience but, what about the users that doubt their order will arrive correctly?

My Goal For This Concept

03

Goals broken down

Before I dug deeper Into this concept, I wanted to ask myself some questions to get a better Idea on putting a user front and center.

Asking myself these questions help me to alter my designs towards the users, In what they need, or don't have.

Research

04

Part 1 A dive Into the user

Lean personas help me to Identify who my audience Is, and how I can approach the Issue based off the Information put together.

Creating this lean persona gives me a ton of Information about the user like , demographics, needs & goals, and behavior. I can now empathize properly given the Information received. During this part of the process, I wanted to eliminate any potential bias that kept me from being put In the shoes of users.

Research

05

Part 2 A dive Into the user

To go Into a little more depth on this Issue, I searched the web and found restaurantdive.com and discovered some more Information regarding the real unidentified Issue. On this website, It states that.

Whether It's something simple as, ordering coffee or ordering a burger, you'll see that It affects both as It's still a food delivery service. Earlier In this case study, I had stated what my goals were going Into this concept. 20% of consumers are now sharing their bad experiences with friends and family convincing them to move on from food delivery. This goes back to building trust with the user. Creating an experience that a user Isn't familiar with, Is a great way to get them to trust food delivery.

Digital LO-FI Mockups

06

Ideation

Creating digital wireframes early on In this process gave me an Idea on how the Ideal pages would look like, but the beginning sure wasn't easy. I started off putting pen to paper using a method called 'crazy 8s'. This method helped me put together multiple variations of different Interfaces. I did struggle with Ideas, and I put too much thinking on wire-framing. This process Is only supposed to get Ideas rolling.

After creating my lo-fidelity wireframes, I wanted to test the prototype for fluency. I selected eligible people that loved coffee going.

Research

07

Part 3 What Users Think

I made sure I selected the right audience for this testing so I can get passionate and authentic responses and feelings.

After sending each user the prototype file I explained to them the reason for this testing. I also gave them prompts for each page they went on

Aftermath

80%

Of users found the concept unfinished

80%

Of users found the concept confusing

90%

Of users thought It could use more perks(rewards, etc)

80%

Of users found It easy to navigate

80%

Of users liked the options

These stats showed the percentage of users that either had complications on this testing, or wanted to give their Input. I was more focused on how this could work, rather than compliments. I realized some of the users weren't familiar with digital lo-fi wire-frames, hence the confusion and the thought of It being unfinished.

Visual Design

08

Part 1 Designs coming alive

Going back to the beginning of this case study, I pointed out my theme when creating designs. I want to make sure that what I'm creating Is having a positive mental experience on users.

System Design

Here you will find the Icons, colors, and typography I used throughout this design.

Digital HI-FI Mockups

09

Part 2 Designs coming alive

This clean Interface keeps everything organized and easy to read, with also the green colors complementing the elements used. After all of this I was able to test the final design with my audience.

Views progress on order

Order delivery Info

Using the same testing method which was, Individually sending each user a link and prompting them with follow up questions. These were the follow up questions and prompts I used.

After prompting users and asking follow up questions, users were very excited and liked this Idea of double checking orders. They enjoyed the straightforwardness of the design and liked It's simplicity.

Here's The Link To My Figma File

What I learned

My thoughts

I learned a lot during this project. I had a lot of struggles and uncertainty moving forward because I did this by myself. I learned perseverance, and how Important It Is to Include users In something big, like an Idea. I could've done the testing In a more moderated setting, and being more open to other Ideas, Instead of just settling for one. All In all, I'm thankful for this project and the users I included In It.

Try Coffee's UX design

Don't think your order Is correct? Let's double check It.

UX Design

Figma

Timeline:

Aug- December 2023

Role:

UX Designer

Concept Overview

01

What Is this?

Try Coffee Is a self project that I created, that gives users the convenience to double check their orders during the stage of food preparation. This makes sure everything they ordered comes out correctly. I am the designer behind this concept.

The Problem

02

An Unidentified Issue

My Goal For This Concept

03

Goals broken down

Before I dug deeper Into this concept, I wanted to ask myself some questions to get a better Idea on putting a user front and center.

What can I do to gain the trust of users?

How can I create a relationship with users and who they order from?

How can I motivate users to order?

Asking myself these questions help me to alter my designs towards the users, In what they need, or don't have.

Research

04

Part 1

A dive Into the user

Lean personas help me to Identify who my audience Is, and how I can approach the Issue based off the Information put together.

Research

05

Part 2

A dive Into the user

To go Into a little more depth on this Issue, I searched the web and found restaurantdive.com and discovered some more Information regarding the real unidentified Issue. On this website, It states that.

63% reporting at least one Incorrect food delivery order

66% of customers blame the restaurant

Nearly 20% of consumers told friends and family not to use a food delivery service.

Digital LO-FI Mockups

06

Ideation

After creating my lo-fidelity wireframes, I wanted to test the prototype for fluency. I selected eligible people that loved coffee going.

Research

07

Part 3

What Users Think

I made sure I selected the right audience for this testing so I can get passionate and authentic responses and feelings.

After sending each user the prototype file I explained to them the reason for this testing. I also gave them prompts for each page they went on

Aftermath

80%

Of users found the concept unfinished

80%

Of users found the concept confusing

90%

Of users thought It could use more perks(rewards, etc)

80%

Of users found It easy to navigate

80%

Of users liked the options

Visual Design

08

Part 1

Designs coming alive

Going back to the beginning of this case study, I pointed out my theme when creating designs. I want to make sure that what I'm creating Is having a positive mental experience on users.

System Design

Here you will find the Icons, colors, and typography I used throughout this design.

Digital HI-FI Mockups

09

Part 2

Designs coming alive

This clean Interface keeps everything organized and easy to read, with also the green colors complementing the elements used. After all of this I was able to test the final design with my audience.

Views progress on order

Order delivery Info

Using the same testing method which was, Individually sending each user a link and prompting them with follow up questions. These were the follow up questions and prompts I used.

Prompt 1: Select Iced Coffee and customize drink order.

Follow up: What was your experience like customizing your order?

Prompt 2: Double Check your order for any possible orders during the bagging stage

Follow up: What was your experience like double checking your order? Please share your experience.

After prompting users and asking follow up questions, users were very excited and liked this Idea of double checking orders. They enjoyed the straightforwardness of the design and liked It's simplicity.

Here's The Link To My Figma File