SEO
SEO
KIM
KIM
OrderSync
OrderSync
OrderSync
Ordersync is a system that connects multiple food delivery apps into a single platform, becoming a one-step solution for a cohesive platform, streamlining menus and optimizing efficiency.
Ordersync is a system that connects multiple food delivery apps into a single platform, becoming a one-step solution for a cohesive platform, streamlining menus and optimizing efficiency.
Ordersync is a system that connects multiple food delivery apps into a single platform, becoming a one-step solution for a cohesive platform, streamlining menus and optimizing efficiency.
Timeline
4 Weeks
ROle
UX Design & Research
Tools
Figma, Illustrator
The challenge
The COVID-19 pandemic fueled a surge in food delivery services, leading to an 85% increase in food delivery transactions in the United States.
While many of us enjoyed the convenience of having food delivered to our doorsteps within minutes, it’s essential to consider the workers and staff responsible for receiving, preparing, and packaging these orders.
During my time at a boba tea shop, I noticed a critical challenge with operational efficiency, especially in the online ordering system.
Multiple platforms led to inconsistent menus, outdated data, and manual errors, and without a unified system to manage both in-person and online orders, one often lagged behind the other.
The COVID-19 pandemic fueled a surge in food delivery services, leading to an 85% increase in food delivery transactions in the United States.
While many of us enjoyed the convenience of having food delivered to our doorsteps within minutes, it’s essential to consider the workers and staff responsible for receiving, preparing, and packaging these orders.
During my time at a boba tea shop, I noticed a critical challenge with operational efficiency, especially in the online ordering system.
Multiple platforms led to inconsistent menus, outdated data, and manual errors, and without a unified system to manage both in-person and online orders, one often lagged behind the other.
The COVID-19 pandemic fueled a surge in food delivery services, leading to an 85% increase in food delivery transactions in the United States.
While many of us enjoyed the convenience of having food delivered to our doorsteps within minutes, it’s essential to consider the workers and staff responsible for receiving, preparing, and packaging these orders.
During my time at a boba tea shop, I noticed a critical challenge with operational efficiency, especially in the online ordering system.
Multiple platforms led to inconsistent menus, outdated data, and manual errors, and without a unified system to manage both in-person and online orders, one often lagged behind the other.
+ RESEARCH
+ research
+ Research
Surveys
Interviews
Contextual Inquiry
Competitive Analysis
Persona Development
Surveys
Interviews
Contextual Inquiry
Competitive Analysis
Persona Development
Surveys
Interviews
Contextual Inquiry
Competitive Analysis
Persona Development
+ design
+ Design
+ Design
Brainstorming & Ideation
Design Sprints
Information Architecture
Wireframes
Prototyping
Brainstorming & Ideation
Design Sprints
Information Architecture
Wireframes
Prototyping
Brainstorming & Ideation
Design Sprints
Information Architecture
Wireframes
Prototyping
Outcome
Research
Secondary
I went forward with a competitive analysis to assess whether there were any pre-existing platforms that aligned with my project objectives.
I studied several platforms to discern their respective strengths and pain points, drawing inspiration for my project development.
I went forward with a competitive analysis to assess whether there were any pre-existing platforms that aligned with my project objectives.
I studied several platforms to discern their respective strengths and pain points, drawing inspiration for my project development.
I went forward with a competitive analysis to assess whether there were any pre-existing platforms that aligned with my project objectives.
I studied several platforms to discern their respective strengths and pain points, drawing inspiration for my project development.
Primary
2 interviews with business owners.
During the interviews, I inquired about the challenges they faced when dealing with multiple food delivery apps.
Shown above are images showcasing the arrangement of multiple food delivery tablets in one of the stores.
2 interviews with business owners.
During the interviews, I inquired about the challenges they faced when dealing with multiple food delivery apps.
Shown above are images showcasing the arrangement of multiple food delivery tablets in one of the stores.
2 interviews with business owners.
During the interviews, I inquired about the challenges they faced when dealing with multiple food delivery apps.
Shown above are images showcasing the arrangement of multiple food delivery tablets in one of the stores.
Primary
Based on the information I learned from both the secondary research & interviews, here were the five main insights:
Based on the information I learned from both the secondary research & interviews, here were the five main insights:
Based on the information I learned from both the secondary research & interviews, here were the five main insights:
+ INSIGHTS
+ INSIGHTS
+ INSIGHTS
Order accuracy is vital for business success
Manual adjustments across separate devices raise the risk of errors
Integration capabilities are important for efficiency
If customer service is necessary, it needs to be easily accessible
Users prefer a system with minimal interaction for viewing orders
Order accuracy is vital for business success
Manual adjustments across separate devices raise the risk of errors
Integration capabilities are important for efficiency
If customer service is necessary, it needs to be easily accessible
Users prefer a system with minimal interaction for viewing orders
Order accuracy is vital for business success
Manual adjustments across separate devices raise the risk of errors
Integration capabilities are important for efficiency
If customer service is necessary, it needs to be easily accessible
Users prefer a system with minimal interaction for viewing orders
persona
To better guide my design and further empathize with potential users, I further synthesized the interview results and created two personas:
To better guide my design and further empathize with potential users, I further synthesized the interview results and created two personas:
To better guide my design and further empathize with potential users, I further synthesized the interview results and created two personas:
Design
ideation
Based on the evidence gathered from research & interviews, I went forward with 2 types of brainstorming methods: Crazy 8's and Reverse Ideation.
For Crazy 8's, I folded a piece of printer paper to create 8 sections, set a timer for 8 minutes, and sketched 1 idea per minute.
Based on the evidence gathered from research & interviews, I went forward with 2 types of brainstorming methods: Crazy 8's and Reverse Ideation.
For Crazy 8's, I folded a piece of printer paper to create 8 sections, set a timer for 8 minutes, and sketched 1 idea per minute.
Based on the evidence gathered from research & interviews, I went forward with 2 types of brainstorming methods: Crazy 8's and Reverse Ideation.
For Crazy 8's, I folded a piece of printer paper to create 8 sections, set a timer for 8 minutes, and sketched 1 idea per minute.
ideation cont.
I then moved on to Reverse Ideation, where I wrote down negative ideas (ideas to make the problem even worse!), then reversed each one to create potential solutions.
I then moved on to Reverse Ideation, where I wrote down negative ideas (ideas to make the problem even worse!), then reversed each one to create potential solutions.
I then moved on to Reverse Ideation, where I wrote down negative ideas (ideas to make the problem even worse!), then reversed each one to create potential solutions.
key values
Harmony
Harmony
Ensure all platforms can work together
Ensure all platforms can work together
Ensure all platforms can work together
Simplicity
Simplicity
Simplicity
Eliminate unnecessary complexities
Eliminate unnecessary complexities
Eliminate unnecessary complexities
Efficiency
Efficiency
Efficiency
Minimize user effort while maximizing effectiveness
Minimize user effort while maximizing effectiveness
Minimize user effort while maximizing effectiveness
CONCepts
01
For my first concept, I chose to create three main containers: new & incoming orders, in-progress orders, and ready-to-go orders.
New orders would appear on the lefthand column, lighting up the entire screen in red to signal urgency and alert employees.
For my first concept, I chose to create three main containers: new & incoming orders, in-progress orders, and ready-to-go orders.
New orders would appear on the lefthand column, lighting up the entire screen in red to signal urgency and alert employees.
For my first concept, I chose to create three main containers: new & incoming orders, in-progress orders, and ready-to-go orders.
New orders would appear on the lefthand column, lighting up the entire screen in red to signal urgency and alert employees.
02
For this concept, I explored the idea of creating just two containers instead of three.
Each order within the container is bigger, which leaves more room and allows employees to view the order without having to tap to view.
For this concept, I explored the idea of creating just two containers instead of three.
Each order within the container is bigger, which leaves more room and allows employees to view the order without having to tap to view.
For this concept, I explored the idea of creating just two containers instead of three.
Each order within the container is bigger, which leaves more room and allows employees to view the order without having to tap to view.
design iterations
iterations
After reviewing my designs, I decided take the next step in creating a simple information architecture design:
After reviewing my designs, I decided take the next step in creating a simple information architecture design:
After reviewing my designs, I decided take the next step in creating a simple information architecture design:
iterations cont.
Then, I went through my first two concepts and compared them with the components in the information architecture design.
Since my two concepts and architecture weren't entirely identical, I chose to review and determine which elements to retain and which to modify or prefer, leading to my final design.
Then, I went through my first two concepts and compared them with the components in the information architecture design.
Since my two concepts and architecture weren't entirely identical, I chose to review and determine which elements to retain and which to modify or prefer, leading to my final design.
Then, I went through my first two concepts and compared them with the components in the information architecture design.
Since my two concepts and architecture weren't entirely identical, I chose to review and determine which elements to retain and which to modify or prefer, leading to my final design.
final design
+ clear-cut interface
OrderSync offers a user-friendly interface with two sections: "In-Progress" and "Ready-to-go" orders.
Users can switch between "Block" view for fewer orders and "List" view for higher volumes.
New orders appear at the bottom, prioritized by urgency.
OrderSync offers a user-friendly interface with two sections: "In-Progress" and "Ready-to-go" orders.
Users can switch between "Block" view for fewer orders and "List" view for higher volumes.
New orders appear at the bottom, prioritized by urgency.
OrderSync offers a user-friendly interface with two sections: "In-Progress" and "Ready-to-go" orders.
Users can switch between "Block" view for fewer orders and "List" view for higher volumes.
New orders appear at the bottom, prioritized by urgency.
+ clear-cut interface
When a new order arrives, employees receive a "New Order" notification and a gentle three-ring jingle, repeating after 60 seconds if unconfirmed.
They can tap the notification to confirm the order, prepare it, and mark it ready for delivery.
The delivery section will show "searching" for a driver, "ETA # minutes" for the driver's arrival time, and "arriving" when the driver is one minute away.
When a new order arrives, employees receive a "New Order" notification and a gentle three-ring jingle, repeating after 60 seconds if unconfirmed.
They can tap the notification to confirm the order, prepare it, and mark it ready for delivery.
The delivery section will show "searching" for a driver, "ETA # minutes" for the driver's arrival time, and "arriving" when the driver is one minute away.
When a new order arrives, employees receive a "New Order" notification and a gentle three-ring jingle, repeating after 60 seconds if unconfirmed.
They can tap the notification to confirm the order, prepare it, and mark it ready for delivery.
The delivery section will show "searching" for a driver, "ETA # minutes" for the driver's arrival time, and "arriving" when the driver is one minute away.
+ clear-cut interface
Furthermore, employees can tap any order that is ready for delivery (on the righthand side) to view the order details one last time, and/or to contact the delivery driver (if a driver has been confirmed).
Furthermore, employees can tap any order that is ready for delivery (on the righthand side) to view the order details one last time, and/or to contact the delivery driver (if a driver has been confirmed).
Furthermore, employees can tap any order that is ready for delivery (on the righthand side) to view the order details one last time, and/or to contact the delivery driver (if a driver has been confirmed).
+ clear-cut interface
In the final phase of onboarding, the user must complete a tutorial that provides guided explanations for each section and button.
Additionally, users can revisit the tutorial in the settings, whether to guide their employees or for personal reference.
In the final phase of onboarding, the user must complete a tutorial that provides guided explanations for each section and button.
Additionally, users can revisit the tutorial in the settings, whether to guide their employees or for personal reference.
In the final phase of onboarding, the user must complete a tutorial that provides guided explanations for each section and button.
Additionally, users can revisit the tutorial in the settings, whether to guide their employees or for personal reference.
+ Streamlined Menu
OrderSync allows users to input a customizable menu with categories and items.
If an item goes out of stock, employees can quickly update its availability via the "Edit Menu" button, automatically syncing the changes across all platforms to ensure a consistent menu without manual updates.
OrderSync allows users to input a customizable menu with categories and items.
If an item goes out of stock, employees can quickly update its availability via the "Edit Menu" button, automatically syncing the changes across all platforms to ensure a consistent menu without manual updates.
OrderSync allows users to input a customizable menu with categories and items.
If an item goes out of stock, employees can quickly update its availability via the "Edit Menu" button, automatically syncing the changes across all platforms to ensure a consistent menu without manual updates.
+ Platform Integration
OrderSync streamlines the connection of existing food delivery platforms, removing the hassle of managing multiple tablets and interfaces.
With one tablet, you can consolidate operations by selecting from numerous integration partners, logging in, and syncing orders and menus effortlessly.
OrderSync streamlines the connection of existing food delivery platforms, removing the hassle of managing multiple tablets and interfaces.
With one tablet, you can consolidate operations by selecting from numerous integration partners, logging in, and syncing orders and menus effortlessly.
OrderSync streamlines the connection of existing food delivery platforms, removing the hassle of managing multiple tablets and interfaces.
With one tablet, you can consolidate operations by selecting from numerous integration partners, logging in, and syncing orders and menus effortlessly.
reflect & evaluate
what i would do differently…
Design a Restaurant Control Center: A dashboard for business owners and managers should provide insights on order volume, popular items, and other key metrics to enhance OrderSync’s utility.
Develop a Stronger Design Language:To integrate multiple food delivery platforms without using many colors, I aim to create a visually appealing yet simple design.
Thank you for exploring OrderSync!
Design a Restaurant Control Center: A dashboard for business owners and managers should provide insights on order volume, popular items, and other key metrics to enhance OrderSync’s utility.
Develop a Stronger Design Language:To integrate multiple food delivery platforms without using many colors, I aim to create a visually appealing yet simple design.
Thank you for exploring OrderSync!
Design a Restaurant Control Center: A dashboard for business owners and managers should provide insights on order volume, popular items, and other key metrics to enhance OrderSync’s utility.
Develop a Stronger Design Language:To integrate multiple food delivery platforms without using many colors, I aim to create a visually appealing yet simple design.
Thank you for exploring OrderSync!
Other projects
Froot Loot
Froot Loot
Froot Loot
OrderSync
OrderSync
OrderSync
Dwello
Dwello
Dwello
CREATED THROUGH 2+ GALLONS OF COFFEE AND 6+ GENRES OF MUSIC
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
updated 2024
CREATED THROUGH 2+ GALLONS OF COFFEE AND 6+ GENRES OF MUSIC
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
updated 2024
CREATED THROUGH 2+ GALLONS OF COFFEE AND 6+ GENRES OF MUSIC
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
SEO KIM
updated 2024