Ngopilah - Coffee Shop App

I designed a mobile app for a coffee shop in an office area to make ordering easier for busy professionals and enhance their experience.

Problem

Many workers miss their morning coffee routine due to busy schedules, and the long ordering lines at their favorite coffee shop near the office make it even more difficult

Challenge

The challenge in this project is to optimize workflow efficiency without compromising user experience. This includes designing an intuitive interface that simplifies ordering without extra guidance and implementing a pickup time selection feature that lets users schedule their orders conveniently, reducing wait times while keeping the process seamless.

Solution

Some key aspects of UI/UX design include simple and intuitive navigation, the use of familiar icons and labels to help users understand actions easily, and a responsive, user-friendly time selection feature. Additionally, order status is clearly displayed, including required payments and the remaining processing time.

Site Map

User Persona

User Journey Map

Design System

I developed a Design System to ensure consistency and usability in the design. With reusable components and a cohesive visual style, the design process becomes more efficient, and the user experience is optimized.

Wireframe

HiFi

Usability Testing

In this process, 3 participants will interact directly with the application through Maze and complete the tasks that have been prepared within it.

After completing all the scenarios, the users will then provide an overall rating of the application using the Opinion Scale. The image below shows the results of the Opinion Scale, with an average rating of 4.7.

After receiving the rating scale for this application, the next step is the Open Question, where users can provide comments, suggestions, and feedback regarding the process they have gone through.

Then, I gave the users the freedom to explore the prototype in Figma in-depth so that they could provide detailed feedback on each page or feature. During this process, I invited them to a Zoom meeting and observed them as they navigated through the application.

After that, I received in-depth feedback from them, as follows:

Key Insight

The main issue identified with the Ngopilah app is as follows:

  1. Users need onboarding to understand the app’s key features.

  2. They also need features that can increase their engagement with the app, such as promotions, vouchers, bookmarks, or even notifications, allowing them to receive real-time information.

Design Iteration

And the addition of three onboarding pages

Prototype

If you want to see the prototype click here

More projects

Lets Connect!

I’m always excited to collaborate on innovative and exciting projects!

Lets Connect!

I’m always excited to collaborate on innovative and exciting projects!

Lets Connect!

I’m always excited to collaborate on innovative and exciting projects!

Built in Framer · ©2024 Nahdrul Rivandi

Built in Framer · ©2024 Nahdrul Rivandi

Built in Framer · ©2024 Nahdrul Rivandi