This was my beginner Coursera project HAHAHA. But I thought it was cute and funny, so I included it.
This project showcases a portfolio piece designed for a fictional traditional Korean restaurant called Seoulmate. All digital paintings, animations, typography, and user experience designs were created by me, Berta Kang.
Goal
The objective of this project is to design a user-friendly reservation and ordering platform for Seoulmate, a traditional Korean restaurant concept in a densely populated city. The app aims to provide users with a seamless and efficient way to make reservations and place orders, eliminating common frustrations associated with phone-based systems.
Empathize
When traveling with friends, I often found popular high-quality restaurants to be fully booked for months. This sparked the idea for Seoulmate – a fictional Korean traditional restaurant in a busy urban setting.
Through user interviews, I discovered that most potential users preferred placing orders and making reservations via an app rather than by phone. They cited reasons such as avoiding direct communication, reducing order misunderstandings, and ensuring availability even if no one could answer calls.
Define
Based on user research, the following value propositions were identified:
- Quickly check available date and time slots
- Select seating for reservations
- View up-to-date waitlist positions
- Enjoy lower fees compared to third-party delivery apps
Through a competitive audit, it was found that although some apps offered food delivery or waitlist management, Seoulmate could streamline the user experience by providing orders, waitlist, and seating options in one app.
User Personas
Journey Maps
Affinity Diagrams
Ideate
The ideation process led to wireframes that focused on simplifying reservation and ordering features. Based on the value propositions, I designed an intuitive layout that allows users to manage their restaurant experience all in one place.
Wireframing
The wireframe was created and transferred to Figma, where a low-fidelity prototype was developed. This prototype enabled initial usability testing, helping to identify potential user pain points.
User Flows
Storyboards
Information Architecture
Figma Design for Low-Fidelity Prototype
A low-fidelity prototype was built in Figma and tested with a group of users from diverse backgrounds. After collecting feedback, an affinity diagram was created to organize insights from the usability study.
Figma Design for High-Fidelity Prototype
Based on the affinity diagram and usability insights, iterative changes were made to the design, including:
- Adding a summary page for the menu
- Enabling category selection for the menu
- Adding confirmation pop-ups
The high-fidelity prototype was then developed and tested. The final videos below demonstrate three different user flows: