top of page
截屏2021-02-23 下午11.34.50.png

Spark is a product that helps travelers build connections through good coffee and great conversation.

12 weeks
Design Thinking
User Journey
Service Blueprint
Information Architecture
High-Fi Prototype
Interface Design
Product 3D Modeling
Me, myself and I

When waiting for flights, travelers usually purchase a drink or use their mobile devices to pass the time

When travelers are at an airport and waiting for airlines, they are either very intense in catching flights, or they are bored and turn to electronic devices to kill time. There are very few chances to speak to a traveler at an airport, especially during the covid-19 pandemic time.


Travelers are unable to obtain fresh coffee at the airport after the store shuts

When travelers are at an airport and waiting for airlines, they are either very intense in catching flights, or they are bored and turn to electronic devices to kill time. There are very few chances to speak to a traveler at an airport, especially during the covid-19 pandemic time.


Provide convenient coffee self-service and encourage users to build connection and share coffee time in the mobile app to enhance social interaction

In the United States, airports offer few self-service food and beverage options. Creating a solution that enables people to easily acquire fresh drinks would be beneficial in resolving the existing issue.


Final Delivery, modelled in Solidworks

User Research


Quantitive Analysis

During the discovery phase, I conducted questionnaires to ascertain user needs and expectations and to gain insight into target consumers' attitudes. I obtained 47 valid poll responses from those who travel at least once a year.

The feelings People Have When Waiting for Flights

Screen Shot 2022-02-10 at 10.01.53 PM.png
Screen Shot 2022-02-10 at 9.25.49 PM.png

Behaviors When Waiting for Flights and Attitudes towards Receive a Free Coffee

Screen Shot 2022-02-10 at 10.02.04 PM.png
Screen Shot 2022-02-10 at 10.11.28 PM.png

1:1 Interviews

Additionally, I performed interviews to learn more about my target user group and better inform the creation of personas, journey maps, features, and workflow concepts.
Screen Shot 2022-02-10 at 9.55.00 PM.png


Pain Points

1. Requires time spent on standing in line to make a purchase at a traditional coffee shop

2. The traditional coffee shop closes at a specified time

3. It's highly unlikely that you'll get an opportunity to interact with other buyers

User Goals

1. I can save more time

2a. When I am at the airport, I can purchase a coffee at any time

2b. I can purchase coffee for another person


3. I can take advantage of this opportunity to meet new people and promote interaction.


Screen Shot 2022-02-10 at 10.19.55 PM.png
Screen Shot 2022-02-10 at 10.15.35 PM.png
Screen Shot 2022-02-10 at 10.15.44 PM.png


Equitable-focused Design Concept

After doing an in-depth investigation of passengers' behaviors and the limitations of conventional coffee shops, I identified an opportunity to create an online platform that allows travelers from different airports to connect, enjoy coffee, and exchange information freely without having to meet face to face
Concept Design

Service Blueprint

Screen Shot 2022-02-10 at 10.35.53 PM.png

User Story 1

As a frequent traveler but rather a shy person, I'd like to make new friends that live in different cities and get to know their own unique stories and experiences.
Share, Connect, Talk (User Goal 3)

User Story 2

As a coffee lover, I want to be able to purchase a coffee or drink more easily at an airport, without having to queue or communicate with a stranger. (1).gif
Purchase Coffee, Share Coffee Time (User Goal 1 & 2)
user 2.png


Screen Shot 2022-02-10 at 10.22.51 PM.png

Product Design

Product Development

By doing visual research and shape explorations, I finally narrowed down on two different design ideas and modeled and rendered them in Solidworks and Keyshot.

Mood Board




A/B Test

To decide which design is better, I conducted A/B test on both of the models. I invited over ten people to provide thoughts. And the first design for the coffee vending machine failed due to the presence of too many stiff edges and a bulky appearance. Rather than following a specific coffee machine stand on a table, people believe that attaching it to the wall will save more room in an airport and make it easier for passengers to engage with.

屏幕截图 2022-03-05 031530.png
屏幕截图 2022-03-05 031625.png


✖ A

✔ B 

Usability Test

After completing the user interface design for both the mobile device platform and the product platform and showing it to more than ten users, one major piece of feedback drew my attention, and I realized I had overlooked one critical feature when designing for an across-platform product: consistency.

When designing a product, it is important to maintain consistency across platforms and to keep to the brand identity. It will help improve the user experience and build trust, because users can expect the design to feel familiar across platforms and products.

And my previous mobile app UI design used a different color scheme than the coffee machine. I had to redesign each page to maintain a similar visual appearance.
  • Keep consistency across platforms
  • Improve continuity, create seamless experience

Product and Interface Design

截屏2020-09-11 下午10.54.58.png
截屏2020-09-11 下午10.55.05.png
截屏2020-09-11 下午10.54.40.png

Selected Pages, Before Usability Study

iPhone X-XS-11 Pro – 3_3x.png
iPhone X-XS-11 Pro – 5_3x.png
iPhone X-XS-11 Pro – 8_3x.png
iPhone X-XS-11 Pro – 6_3x.png
iPhone X-XS-11 Pro – 7_3x.png

Selected Pages, After Usability Study

iPhone X-XS-11 Pro – 3.jpg
iPhone X-XS-11 Pro – 5.jpg
iPhone X-XS-11 Pro – 8.jpg
iPhone X-XS-11 Pro – 6.jpg
iPhone X-XS-11 Pro – 7.jpg


App Icon and Logo
Screen Shot 2022-02-10 at 10.41.23 PM.png
Color Palette
Screen Shot 2022-02-10 at 10.41.26 PM.png
Screen Shot 2022-02-10 at 10.41.33 PM.png
Screen Shot 2022-02-10 at 10.41.36 PM.png
Screen Shot 2022-02-10 at 10.41.30 PM.png


Q&A Forum

Screen Shot 2022-02-10 at 10.51.56 PM.png

Share Stories

QR Code

Visual Design
Screen Shot 2022-02-11 at 6.02.17 PM.png
Screen Shot 2022-02-11 at 6.01.56 PM.png

Key takeaways

Identify user needs and conduct user testing 

  • By breaking difficult processes down into manageable parts, I can make each step less overwhelming and alleviate some of the pressure. Sometimes, the process is not linear, and users should be allowed to transition between steps.

Future iterations

  • The following necessary stages will mostly focus on determining the following:
    • If users continue to use this app after leaving the airport
    • How to make business profit? Is it a good idea to put ads or perhaps charging a service fee each time a user places an order?

Thank You!

bottom of page