View

Ssong’s hotdog is a Korean corndog chain across United States, Japan, China, and Vietnam. Since most of the branches are in the food courts of different malls in US, we followed Google’s Design Sprint framework to improve Ssong’s ordering experience. We ended up with a gamified browser based system that simplifies the ordering process and uses weekly games to build a community of customers.

Timeline

Oct 22 – Apr 23
(7 months)

Team

Tien Tran, Sheldon Akinrimisi, Yasvi Patel, Josh (Product Owner)

Focus

Interaction & Visual Design, Brand Identity, Design System, Game Design, User Testing

A

Problem

Improving the ordering experience for Ssong’s in-person customers and building a community of loyal consumers as they scale to a larger audience.

  • How might we improve the customer experience
  • How might we create a community of loyal customers

B

Solution

Since downloading an app is a time-consuming process, to reduce the ordering time we designed a browser based Scan to Order system using QR code. 

To create a community of loyal customers, we created and tested:

  • Community Challenges (3 different weekly games)
  • Community Board

84% of our testing participants said “they preferred our solution over the current way of placing order.”

C

Role & Responsibilities

  • Headed the overall product design for the revamp of the entire mobile based ordering system from their legacy design to industry standard & user needs.
  • Mentored & collaborated with the design team for weekly meetings & follow-ups to define the system & project requirements. 
  • Used design methods to break up complex decisions into biteable & approachable solutions. I created scalable components for the design system, prototypes & ONE of the THREE games (Red-Light Green-Light).
Menu Slider
Add item to cart
Red Light Green Light

01

Hungry Customers

Shopaholics & window shoppers, 68% of total customers

Want to grab a quick snack while shopping in a mall, want to maximize my time to shop and avoid human interactions.

Who wants to stand in queue for cashier/tablets when you can order on your phone?

Indecisive but hungry, 40-60% of total Shoppers

Wants to eat something at the food court but have trouble deciding the exact meal.

I really like lots of pictures, most menu's have pictures of only a few items

Based on research (heuristic evaluation, user interviews, etc.), we summarized the key pain points.

  • Huge queues and wait-time during peak hours
  • Hard to find images of all food items.
  • Nothing to do while waiting for the food
  • No incentives for being a regular customer
  • Lack of a consistent and accessible online ordering platform

So how might we create an integrated community that can skip waiting lines, look at all product images, order food without interacting with the cashier, and play weekly challenges to earn rewards.

02

Current Problems

03

Design Sprints = Quick feasibility testing?

We used the mapping activity from the book to identify the goals of our sprints which were as follows:

  • How might we keep customer’s happy after the 10-minute cooking wait time?
  • How might we incorporate Korean culture in the community challenge?
  • How might we simply the ordering process through a scan to order system?
  • How might we use the user testing data to improve on the designs that we have created in the earlier sprints?
Mapping Activity
Sprint 1 Map

Our aim was to make waiting enjoyable for customers ordering from Ssong’s. We introduced two solutions:

  • Community Wall: Customers shared feelings/experiences (Highly successful).
  • Community Game: Weekly online games for rewards (well received but would prefer diff. games).
Sprint 2 Map

The idea of Community Game was well-received but the testing results prompted the design of 2 additional games:

  • Cooking with Ssong’s: An interactive cooking-style game (Not my focus).
  • Red Light Green Light: Interactive game inspired by Korean culture, particularly popular among kids (My contribution).
Sprint 3 Map

With the games settled, our attention shifted to refining the ordering process. We adopted two key strategies:

  • Crafting new screens aligned with modern aesthetics and user experience principles.
  • Streamlining and simplifying the ordering journey.
Menu Slider

04

Ordering Experience

Since Ssong’s Hotdog is usually located in mall food courts we listed down the following paint points for the customers and categorized them into TWO categories:

  • Pre Order Experience – Huge queues & long waiting times
  • Post Order Experience – Nothing to do while waiting for food, long wait times, no incentives for regular customers

To cater to the needs for the Pre-Order Experience we proposed a Tablet/Kiosk style ordering system but after feedback from stakeholders & some brainstorming sessions we ended with a Scan to order system

Enable users to scan a QR code and place an order through their own phones

05

Design should be data-driven

To conduct the research:

  • used apple notes to collaborate between note takers and interviewers. 
  • used affinity mapping to find patterns for future improvements

We conducted 3 in-person User Testing sessions with a total of 19 participants spread across all sessions.

31

Issues found

From our Heuristic Evaluation:

  • 11 consistency and standards
  • 4 diff between system & users mental modal
  • 2 error prevention & more

4/7

A/B Testing

“Wordle” wasn’t a fan favorite in first round of user testing.

So we used A/B Testing to test our new games which resulted in 4 (out of 7) votes in favor of Red-Light/Green-Light over the other game

5+

New features proposed

  • Swipeable menu
  • Location Banner
  • Digital wallet integration
  • Schedule later
  • Queue indicator

The patterns from affinity mapping were helpful in finding the goal for next sprint but also for identifying pain points in our design that we could fix in Sprint 4.

Add item to cart

06

Adding Item to Cart

To simplify the ordering process we reduced the number of steps and popups from 5 to 1 .

I also updated the design language to the modern standards by keeping user needs in mind:

  • Customization should be an easy process
  • I want pictures of what I’m getting

Highlighting the added customization was an important UX decision. While making sure the location and queue information says in the banner for a quick glance was also something that the testing users liked.

Add to Cart Confirmation
Queue Indicator
Community Challenge Card

07

Red-Light Green-Light

We came up with community challenges (weekly games) to solve two pain points:

  • Keeping customers busy & happy while they wait for food
  • Providing incentives for participating in these challenges.

The participants can win rewards by either winning the weekly challenge or by sharing the results on social media.

The game was one of three games that we prototyped. 

This game was also chosen because people could relate it with Korean culture and it had grown in popularity after the famous “Squid Games” Netflix series.

Red Light Green Light
Character Selection
Caught by the hotdog
Reach the end
User and Client Feedback

08

What didn't work?

We received constructive feedback from all our stake holders (customers, cashiers, and our client). 

We also used internal critique sessions to come up with problems in our own designs.

We created multiple variations of different design components that we voted on to finalize the designs. This enabled us to iterate at a quick pace and come up with unique solutions.

First create something new, then make it work, then make it better

Iteration: Product Card

Made changes to:

  • Product description
  • tags
  • shadows
  • other styling improvements
Iteration: Customisation Page

Made changes to:

  • Button styles 
  • Reduced no. of condiments (req by client)
  • Images for condiments
  • Selected condiments
Iteration: Queue Card

Made changes to:

  • Smaller size to accommodate Community Challenge
  • Card style similar to product card
  • shadows

09

Design System

Our design system focused mainly on strengthening and improving communication for all team members to build consistency in the product’s visuals.

But, we also focused on creating a design system for the purpose of helping the developers to bring this product to life.

Style Guide
Design System
Annotations
Spacing Details

10

Design Hand-off

We believe that with better communication the project workflow will be much more efficient for the developer to execute the product design to its fullest.

Game 2: Cooking with Ssong's

Although I didn’t work on creating assets or the gameplay for this game. I contributed in the annotations so that the developers can have an easy time to translate the designs into actionable games.

Game 3: Green Light/ Red Light

Since I worked on this game, I wrote down all the edge cases and created error states that a developer would need

Research Handoff

Since we conducted research multiple times throughout the project, we collected all the resources and provided a guide for the client an how they can use this information in future.

What's Next ?

A

Reflections

This project was my first-ever UX project where I led & focused on continuous testing, gathering user feedback, & implementing insights into the designs. Some of my learnings were: 

  • Lead Design: Acting as a senior designer, I advocated for design, brought industry knowledge, and guided team members. Providing an environment for independent design conclusions and supporting their growth was challenging yet rewarding.

  • Learn to Pivot: Constant change pushed growth during uncertainty. Limited client communication in Sprint 3 required adaptability and modified the design framework. Flexibility and responsiveness were crucial for success.

  • Small details matter: Paying attention to details was crucial. A brief recap in client meetings and mini tutorials during user testing improved clarity and alignment. Noticing small design details delighted users.

B

Things for the Future

I would like to iterate the designs even further to have much more creative and complete project. 

  • I would also like to add some skeleton states in the design.
  • Although we considered some issues that might arise with delivery orders, I would like to explore more options to accommodate the delivery experience.