Erica Kwak
← Back to work

192 Station Mart — a pickup app for the morning rush.

A mobile app designed to optimize the pickup process and enhance the customer journey for a neighborhood bodega — replacing the high-stakes gamble between breakfast and the train with predictable, transparent waits.

Role
Product Designer
Team
Solo
Timeline
6 weeks · 2025
Tools
Figma, Illustrator, Photoshop, Fresco, Procreate
192 Station Mart cover image

Presented at senior capstone exhibition · Refined for portfolio.

01 — Context

A family business beside the train.

192 Station Mart is a high-traffic bodega in Auburndale, NY, owned and operated by my parents. Situated directly beside the Long Island Rail Road (LIRR) station, the store is a critical pitstop for morning commuters.

After establishing a modern brand identity through a new logo, posters, and marketing mockups, I sought to extend this transformation into the customer experience. This led to the design of a mobile pickup app, utilizing the new visual language to solve operational bottlenecks.

I presented this project at my senior capstone exhibition. In the weeks leading up to the event, I revisited the work to further refine the designs.

02 — Problem

Commuters are forced to choose between their breakfast and their train.

Discussions with my mom highlighted a major pain point: she constantly sees customers abandon their breakfast mid-prep when they realize they are cutting it too close to the train time. This forces commuters into a high-stakes gamble, creating a stressful ultimatum between securing their meal or catching their ride.

The result is wasted food for the business and a hungry, frustrated commute for the user.

How might weredesign the morning pickup experience so commuters can grab breakfast at 192 Station Mart without ever having to gamble between their food and their train?

03 — Solutions

A first look at the solutions.

Three big ideas that replace uncertainty with transparency: an ahead-of-time pickup flow, a real-time wait visualization, and a custom sandwich builder that minimizes back-and-forth. See the full set further down in Final Designs ↓.

Commute Synchronization

  • Integrates live LIRR data to calculate a safe pickup time.
  • Accounts for walking time to prevent missed trains.
  • Aligns prep time with the user's commute.
Solution 1 — Commute synchronization

Status Transparency

  • Removes the stress of the unknown.
  • Mitigates wait-time anxiety by confirming exact order stages.
  • Assures the food is ready before arrival.
Solution 2 — Status transparency

Zero-Friction Handoff

  • Bypasses the register entirely by processing payment upfront.
  • Replaces waiting with instant pickup.
  • Flash screen to collect without stopping.
Solution 3 — Zero-friction handoff
04 — Research

The psychology of waiting.

I conducted research on the topics of queuing theory and consumer behavior to understand why commuters were abandoning their orders. I found that the root cause wasn't the actual wait time, but the perceived risk.

  • Uncertainty magnifies time. According to David Maister's The Psychology of Waiting Lines, "anxiety makes waits seem longer," and "uncertain waits are longer than known, finite waits" (Maister, 1985).
  • The 36% distortion. M.I.T. operations researcher Richard Larson found that people overestimate undefined waits by approx. 36% (Stone, 2012). A standard 10-minute wait feels like 14 minutes to an anxious user. This false perception pushes them past their "breaking point," forcing them to abandon the queue.
Perceived vs actual time chart
Perceived vs. actual wait time.
Design implication
The solution cannot just be "faster food"; it must be "predictable food." The system must replace uncertainty with transparency.
05 — Persona & Insights

The morning commuter.

I consolidated my findings on user habits and the morning rush into a persona that embodies a regular customer at 192 Station Mart. This helped anchor my design decisions in real behaviors, specifically the tension between the desire for routine and the fear of missing the train.

The morning commuter persona
The morning commuter persona.

To move from empathy to strategy, I synthesized my research insights and persona behaviors into three themes that define the commuter's relationship with the store.

Major insights
Three major insights guiding the design.
06 — Ideation & Exploration

Sketching the flow.

I first started off with sketching a basic user journey map displaying some of the key actions.

Initial sketches
Early sketches.

I then expanded the user flow into a more detailed diagram to better visualize the app's logic.

User flow diagram
Detailed user flow diagram.
07 — User Testing & Feedback

Putting it in front of people.

After presenting the initial prototype, I compiled the feedback from peers and professors, along with the corresponding design implications, in the table below.

User testing feedback table
User testing feedback & design implications.
08 — Iteration

What changed, and why.

Three concrete improvements emerged from testing: clearer wait communication, a more flexible custom sandwich builder, and tighter information hierarchy on the order summary screen.

Enhanced Menu Navigation

  • Prioritized product imagery over text descriptions, shifting the mental model from "reading" to "browsing."
  • Implemented a bottom navigation bar to provide one-tap access to key sections at all times.
Iteration 01 — enhanced menu navigation

Optimized Workflow

  • Replaced the long scrolling form with a paged layout, letting users focus on just one decision at a time.
  • Implemented a progress bar to orient users, replacing vague scrolling with a defined finish line.
Iteration 02 — optimized workflow
Custom sandwich builder demo

Proactive Scheduling

  • Shifted the primary timing decision upstream to avoid last-minute calculations at checkout.
  • Contextualized the flow to prioritize external constraints (the train) over standard ordering patterns.
Iteration 03 — proactive scheduling
09 — Final Designs

The final designs.

Main flow

Main flow — final product screens

Onboarding

Onboarding screens

Menus

Menu screens

Additional pages

Additional pages — favorites, profile, settings, contact

And if you're curious…

Brand assets
Brand assets that informed the app's visual language.
Printed menu
Printed menu artwork.
10 — Reflections

Looking back & ahead.

  • Include an additional tab on the bottom nav bar that displays the entire menu. The only way to view all the menu items is after pressing the "Order for pickup" button.
  • Add coffee and other beverages. The self-serve coffees are a hot commodity in the mornings, but I forgot to include this in the menu.
  • Format the "Bagels," "Breakfast," and "Prepared Foods" sections like the "Sandwiches" one—grid-like and with more emphasis on the images. I decided against this initially because I wanted to highlight the sandwiches (since they are the most popular), but now I'm frustrated by the inconsistency.
Capstone exhibition
Capstone exhibition.
↑ Back to top
Thank you for reading!
For work inquiries, feel free to contact me at kwakerica@gmail.com.
Next case study
Not a Stranger
← All work