iCoffee

Role

Sole UX/UI Designer

Services

App Design

Branding

Mobile App

Industry

Food and Beverage

Date

4 Weeks

Tools

Figma

FigJam

Adobe Photoshop

info

iCoffee IS A PRODUCTIVITY-FOCUSED ORDERING ASSISTANT PLATFORM FOR ALL URGENT, COMPLEX, AND HIGH-VOLUME COFFEE AND PICK-UP NEEDS.

User Research

PROBLEM

Users need a way to reliably place complex, multi-item coffee orders for quick retrieval or delivery. This is because they are busy professionals who cannot afford long wait times or order errors, and traditional in-store ordering creates significant productivity and logistical friction during peak hours.

GOAL

To give busy professionals and corporate managers a simple, customized, and reliable way to order and retrieve complex, high-volume coffee orders quickly by using a productivity-focused ordering assistant.

USER RESEARCH

In order to better understand user frustration, needs, and requirements, I conducted user research through interviews and surveys for my project. My objective was to gain insights into the needs and preferences of users in order to improve the design of my responsive website.

I identified several key pain points and challenges:

  • Time-consuming processes.

  • Limited accessibility.

  • Lack of personalization.

  • High fees and hidden costs.

These insights will guide the development of my responsive website, ensuring it addresses the specific needs and concerns of my users.

USERS

As the sole UX Designer on this project, I was responsible for leading and driving the entire user-centered design process, which means:

  • Conduct user research (interviews, surveys, competitive analysis)

  • Define the problem and provided insights to inform the ideation phase

  • Define personas, user journeys, empathy maps, and user flows

  • Visual design of low-fi and high-fi wireframes, prototypes, and user testing.

Meet Caitlin Chen who is a busy, productivity-focused business owner who needs a reliable, expedited way to retrieve complex, multi-item coffee orders because she is managing a tight schedule and cannot afford long waiting times or order errors, requiring an efficient digital solution that maximizes her professional productivity and minimizes time wasted in line.

Meet Kimball Cho who is an anxious intern responsible for fulfilling large, detailed team orders who needs a streamlined, high-accuracy delivery system because he is under high pressure to execute flawlessly and cannot risk errors or logistical hassle, requiring a reliable digital solution that eliminates manual transportation and ensures all complex custom drinks arrive correctly and on time.

USER JOURNEY MAP

By creating a user journey map, I aimed to illustrate the process of how Caitlin Chen behaves, feels, and what she thinks while accomplishing her goal of retrieving a complex team order without waiting in line using the iCoffee app. This helps to address potential pain points like long wait times and order errors and identify opportunities for moments of efficiency and professional productivity.

By creating a user journey map, I aimed to illustrate the process of how Kimball Cho behaves, feels, and what he thinks while accomplishing his goal of ordering and receiving a large delivery of complex coffee orders using the iCoffee app. This helps to address potential pain points like high anxiety over order errors and logistical transportation issues and identify opportunities for moments of flawless execution and professional relief.

Lo-Fi

USER FLOW

Begun with creating a user flow:

PAPER WIREFRAMES

Focusing on the core features identified during user research, I sketched the first wireframes using pen and paper.

DIGITAL WIREFRAMES

After numerous rounds of revisions, I have finally created wireframes that perfectly capture the user flow and address the needs of our users.


Hi-Fi

STICKER SHEET

Started by creating a "Sticker Sheet":

USABILITY STUDY: FINDINGS

Following the initial low-fidelity prototyping, I conducted a usability study to gather valuable feedback on the iCoffee mobile ordering system. Now, let's delve into the key findings from this testing phase and identify the specific areas where design improvements are needed to enhance order accuracy and pick-up efficiency.

Here are the findings from the study:
ITERATING ON DESIGN

Based on insights from the usability studies, I applied design changes.

HI-FI PROTOTYPE

Building upon the insights gained from the usability study and the refined wireframes, I then focused on creating the high-fidelity prototype. The goal was to develop a final design that was not only simple and intuitive for rapid ordering but also visually engaging and trustworthy to reduce user anxiety regarding order accuracy and successful pick-up.


Accessibility Considerations

Takeaways

UI Design

Thank you!

Have a project in mind? Contact me

Have a project in mind? Contact me

Have a project in mind? Contact me

Create a free website with Framer, the website builder loved by startups, designers and agencies.