Ssong's Hotdog

Ssong's Hotdog

Reimagining in-store engagement and ordering efficiency through gamification, community building, and scan-to-order innovation.

TL;DR

TL;DR

  • Challenge: Long wait times and inefficient ordering reduced customer satisfaction.

  • Solution: Gamified waiting experience + community board + QR scan-to-order system, supported by a reusable design system.

  • Impact: 22% increase in engagement, projected 15% faster ordering, and scalable for future multi-store rollout.

  • Role: Led workshops, designed the scan-to-order flow, facilitated research, and built design system deliverables.

OVERVIEW

Role

Product Designer

Team

4 Designers
1 Client

Timeline

Sep 2022 - May 2023

Tools

Figma
FigJam
Miro
Zoom

Context

Ssong’s Hotdog, a fast-growing Korean street food chain, faced persistent challenges with long lines, slow ordering, and low customer engagement. Over a year-long capstone project, I led the design of a gamified waiting experience and a scan-to-order mobile flow that improved operational efficiency while reinforcing the brand’s community-driven identity.

Through iterative workshops, prototyping, and in-person testing, we were able to increase customer engagement by 22% and project a 15% reduction in ordering time.

Final screens of the scan-to-order system.
Final screens of the scan-to-order system.
Final screens of the scan-to-order system.
Final screens of the cooking with Ssong's minigame.
Final screens of the cooking with Ssong's minigame.
Final screens of the cooking with Ssong's minigame.
Final screens for the red light, green light minigame.
Final screens for the red light, green light minigame.
Final screens for the red light, green light minigame.

CHALLENGE

Challenge

The restaurant faced multiple pain points that negatively affected customer satisfaction. Long wait times led to frustration and occasional walkaways, while the outdated online ordering system was slow, confusing, and inflexible.

We saw a clear opportunity to modernize the experience by making ordering faster, reducing in-store friction, and building engagement that would strengthen Ssong’s brand and encourage community interaction.

Long term goal highlighting improving the user experience for online customers and scaling to a larger audience.
Long term goal highlighting improving the user experience for online customers and scaling to a larger audience.
Long term goal highlighting improving the user experience for online customers and scaling to a larger audience.

PROCESS

Research & Discovery

I began by mapping the customer journey to identify bottlenecks in the ordering and waiting experience. I facilitated workshops with the client to prioritize key goals: increasing speed of service, boosting customer engagement, and creating a scalable design for multiple store locations.

To inform design decisions, we analyzed competitor ordering flows and engagement tactics, identifying patterns we could adapt to Ssong’s unique context. This initial research phase set a clear direction for both the gamification and ordering system redesign.

Recap of the client introcution meeting and deciding on a sprint direction.
Recap of the client introcution meeting and deciding on a sprint direction.
Recap of the client introcution meeting and deciding on a sprint direction.

Gamified Engagement & Community Building (Sprints 1-2)

To address in-store engagement, I designed a solution that allowed customers to play games after they place their orders. Additionally, my team and I worked on a community board for customers to place notes on a physical board to increase community engagement.

We ran in-person prototype tests and left the board at a Ssong's Hotdog location for one week, observing a 22% increase in engagement. The games were iterated based on client feedback, ensuring rotation and variety to avoid novelty fatigue. These gamified experiences reinforced the brand identity and made waiting in line feel enjoyable rather than frustrating.

Sketch showing a customer interacting with Ssong's Hotdog
Sketch showing a customer interacting with Ssong's Hotdog
Sketch showing a customer interacting with Ssong's Hotdog
Community board with post-it note from Ssong's Hotdog customers.
Community board with post-it note from Ssong's Hotdog customers.
Community board with post-it note from Ssong's Hotdog customers.
Sketch showing a customer playing minigames after placing an order.
Sketch showing a customer playing minigames after placing an order.
Sketch showing a customer playing minigames after placing an order.
GIF showing a new online ordering experience as well as a minigame section after an order is placed.
GIF showing a new online ordering experience as well as a minigame section after an order is placed.
GIF showing a new online ordering experience as well as a minigame section after an order is placed.

Scan-to-Order Flow (Sprints 3-4)

I conducted a heuristic evaluation of the old ordering flow and identified multiple usability issues in layout, payment flexibility, and customization. Based on these insights, I designed a QR scan-to-order system that allowed customers to customize orders, select flexible payment options, and schedule pickup times.

Recap of heuristic analysis.
Recap of heuristic analysis.
Recap of heuristic analysis.

Testing revealed additional user needs. Customers wanted to leave the line while waiting, so I incorporated SMS notifications to alert them when orders were ready. They also requested visibility into the queue, so I added a real-time order indicator after checkout. We estimated that these improvements would reduce ordering time by 15%, improving efficiency and satisfaction.

Sketch showing a new scan-to-order experience for customers during peak periods.
Sketch showing a new scan-to-order experience for customers during peak periods.
Sketch showing a new scan-to-order experience for customers during peak periods.
GIF showing a high-fidelity prototype of the new scan-to-order system.
GIF showing a high-fidelity prototype of the new scan-to-order system.
GIF showing a high-fidelity prototype of the new scan-to-order system.

Design System & Handoff (Sprint 5)

To ensure consistency and scalability, I built a design system with typography, color palettes, and reusable components. I also documented annotated flows for both the gamified games and ordering system to guide developers.

We designed scalable product cards and style guides to support multiple store locations, with consideration for future features such as loyalty programs and marketing campaigns. This approach ensured that both visual design and interaction patterns could evolve efficiently across stores.

Style guide cover photo.
Style guide cover photo.
Style guide cover photo.
Color guide for Ssong's Hotdog branding.
Color guide for Ssong's Hotdog branding.
Color guide for Ssong's Hotdog branding.
Logo variations and best practices.
Logo variations and best practices.
Logo variations and best practices.
Ssong's Hotdog design system screenshot.
Ssong's Hotdog design system screenshot.
Ssong's Hotdog design system screenshot.
Annotated wireframes for the scan-to-order system.
Annotated wireframes for the scan-to-order system.
Annotated wireframes for the scan-to-order system.
Annotated wireframes and components for the red light, green light minigame.
Annotated wireframes and components for the red light, green light minigame.
Annotated wireframes and components for the red light, green light minigame.
Annotated wireframes and components for the cooking with Ssong's minigame.
Annotated wireframes and components for the cooking with Ssong's minigame.
Annotated wireframes and components for the cooking with Ssong's minigame.
Design specifications for the scan-to-order system.
Design specifications for the scan-to-order system.
Design specifications for the scan-to-order system.
Research respitory with insights and recommendations from all five design sprints.
Research respitory with insights and recommendations from all five design sprints.
Research respitory with insights and recommendations from all five design sprints.

CONCLUSION

Outcome

Gamified Waiting

In-person testing showed a 22% increase in engagement.

Gamified Waiting

In-person testing showed a 22% increase in engagement.

Gamified Waiting

In-person testing showed a 22% increase in engagement.

Scan-to-order efficiency

Streamlined flows projected a 15% faster order time and higher customer preference during peak periods.

Scan-to-order efficiency

Streamlined flows projected a 15% faster order time and higher customer preference during peak periods.

Scan-to-order efficiency

Streamlined flows projected a 15% faster order time and higher customer preference during peak periods.

Scalability

Reusable components and style guides positioned the system for future loyalty features and multi-store rollout.

Scalability

Reusable components and style guides positioned the system for future loyalty features and multi-store rollout.

Scalability

Reusable components and style guides positioned the system for future loyalty features and multi-store rollout.

Reflection

This project reinforced my ability to facilitate cross-functional workshops, balancing client goals with user needs. I learned how to design experiences that are both fun and operationally efficient, and how to test prototypes quickly in real-world settings to de-risk assumptions.

If we had more time, I would have explored a membership rewards program and employee-side tools to optimize staff workflow alongside customer experience.

Tien Tran - Built with a Gundam-inspired theme

Tien Tran - Built with a Gundam-inspired theme

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