top of page

EspressGO Mobile App: Designing a Review Flow

End-to-end UX writing and design for a mobile user task flow, from research to iteration.

Overview

Focus: UX Writing, Task Flow, Microcopy, Usability

​

I designed a review flow for a coffee shop discovery app aimed at remote workers and coffee shop enthusiasts. The goal was to simplify the review process, improve microcopy, and ensure a smooth user task flow while maintaining clarity, accessibility, and engagement.

Challenge

​

Remote workers want to quickly discover coffee shops with the right environment to work.

 

Existing solutions rely on maps, which require users to jump between apps to assess seating, Wi-Fi, and ambiance. Reviews from real users can help—but only if the review process is simple, clear, and optional.

​

Key challenge: How to design a review flow that is quick, clear, and optional while maintaining engagement and accessibility.

Step 1: User Research

I conducted interviews with remote workers and coffee shop enthusiasts to understand their habits and pain points:

​

  • Users rely heavily on maps to quickly check coffee shop location and visuals.

  • Top priorities for choosing a workspace:

    1. Location — proximity matters.

    2. Seating availability — can I find a spot?

    3. Wi-Fi quality.

​

Insight: Users want fast, frictionless, and useful information without wasting time on unnecessary steps.

Step 2: User Flow Mapping

I mapped out the review task flow, highlighting key decision points and optional actions:

​​

  • User selects a coffee shop.

  • Rate with stars & select all that apply

  • Submit review and see confirmation.​​

​

UX focus: Clear microcopy, optional actions, accessible buttons, and feedback at each step.

EspressGo - Frame 1.jpg

Step 3: Low-Fidelity Wireframes + Usability Testing

I created low-fidelity wireframes and conducted usability testing. Key findings included:

​

  • Accessibility issues: Font size and button tap targets needed adjustment.

  • Navigation clarity: Back and cancel options were confusing.

  • Pagination indicators: Users were unsure of progress through the flow.

  • Microcopy adjustments:

    • Original: “Back / Continue”

    • Updated: “Skip for now / Continue” — 3/5 users preferred the option to skip.

  • Added visual indicators for empty state and error messages to prevent confusion.

iPhone 14 & 15 Pro - 1.png
iPhone 14 & 15 Pro - 2.png
iPhone 14 & 15 Pro - 3.png
iPhone 14 & 15 Pro - 4.png

Step 4: Mid-Fidelity Wireframes + Iterations

Based on testing:

  1. Added an intro page asking if the user wants to leave a review.

  2. Made review input optional to reduce friction.

  3. Simplified microcopy for speed and clarity.

  4. Improved pagination indicators to enhance engagement.

​Key UX Writing Principles Applied:

  • Clear, actionable CTAs (Skip for now, Submit review).

  • Short, digestible text to respect users’ time.

  • Consistent tone: functional, welcoming, simple.

1 proto.png
2 proto.png
3proto.png
4proto.png
5 proto.png
6 proto.png
7 proto.png

Final Mid-Fidelity Mockups

  • Empty state: “How was it? Leave a review to help others make their decisions.”

  • Error state: “Oops! Please select a star rating to continue.”

  • Success state: “Thanks for your review! We appreciate your feedback. It helps others make their decision.”

  • Buttons: Skip for now / Continue — clear, actionable, and accessible.

iPhone 15 Pro.png
iPhone 13 Pro1.png
iPhone 13 Pro.png
Link to Figma Flow

Key Takeaways

  • Optional actions reduce friction and increase completion rates.

  • Microcopy must be concise, functional, and engaging.

  • Accessibility (font, button size, tap area) is critical for mobile review flows.

  • Usability testing drives improvements in both copy and interaction design.

  • Iteration is key: small changes in wording or button placement can significantly improve user experience.

bottom of page