OneQR Restaurant: An All-in-One Platform Transforming Restaurant Operations
Introduction
Introducing OneQR Restaurant, a comprehensive SaaS solution tailored for the restaurant industry. This multi-functional platform seamlessly integrates Mobile QR Code Ordering, Self-Service Kiosks, Kitchen Display Systems, Order Entry Systems, and Order Status Display, providing a smooth, cashless experience. By optimizing staffing, reducing initial investment costs, and enhancing customer satisfaction through intuitive interfaces, OneQR Restaurant revolutionizes the way restaurants operate.
Duration
January 2020 - February 2023
Responsibilities & Deliverables
My Role
Lead Designer, UI/UX Designer
👥 I collaborated closely with a team of 1 product manager, 2 front-end developers, and 2 back-end developers. I oversaw the entire product design process, leading UX prototyping, UI design, and iterations.
📝 My deliverables included Competitive Analysis, Use Cases, Flowcharts, Wireframes, High-fidelity Wireframes, Mockups, Interactive Prototypes, UI Designs, Icon Sets, Visual Style Guides, Design Systems.
Goal
Develop and deliver a comprehensive SaaS solution that streamlines restaurant operations, including ordering, payment, food preparation, delivery, and pickup processes.
For Restaurant Owners
👩🍳 Reducing staff workload and addressing labor shortages through integrated self-ordering systems.
🏗️ Offering customizable and adaptable solutions to fit diverse restaurant models and operational requirements.
💰 Providing quick, cost-effective implementation with minimal initial investment.
For Consumers
😊 Enhancing satisfaction by eliminating checkout queues, reducing wait times, and ensuring smoother overall operations.
💳 Facilitating cashless transactions to improve payment efficiency, security, and convenience.
Challenges & Strategies
🧩 User Experience Integration
How might we ensure a seamless user experience across multiple systems?
We conducted targeted user research and usability testing. By iterating on prototypes with various user groups, we ensured the system remained intuitive and easy to use.
⚖️ Customization vs. Standardization
How might we balance client-specific customizations with a standardized product offering?
We developed a modular design approach allowing flexible configurations, meeting individual client needs while maintaining a unified product structure.
🔗 Technical Compatibility
How might we ensure our system operates smoothly across various platforms?
We implemented responsive design principles and conducted thorough cross-platform tests to address all compatibility issues.
📏 Scalability
How might we create a system that scales efficiently for different restaurant sizes?
We designed our solutions to work across multiple devices, allowing for combinations that provide flexible and scalable solutions adaptable to small, medium, and large restaurant sizes.
Service Workflow
Scenario 1: Fully Self-Service Ordering and Pickup
Our solution enables customers to place orders by scanning a QR code with their smartphones or using kiosk devices provided by the restaurant. Once an order is placed, the Kitchen Display System handles food preparation and delivery. Customers are notified when their order is ready for pickup through the wait system or directly on their smartphone via the web service, ensuring a seamless process.
Scenario 2: Staff-Assisted Ordering and Pickup
This solution combines staff assistance with self-service options. Using Order Entry System devices, staff can efficiently take customized orders and provide receipts. These orders are immediately transmitted to the Kitchen Display System for preparation. Customers can then use the pickup numbers on their receipts to monitor the order status on the screen and collect their orders once ready.
Design Solutions
1. Ordering and Payment Process
Design Deliverable 1: OneQR Mobile - Mobile Ordering System
Customers can scan a QR code with their mobile to browse the menu, place orders, and complete payments. This system provides a smooth and efficient in-store ordering experience.
Reservation Feature
Allows customers to place orders if within a 5km radius of the restaurant, with options for takeout and dine-in.
Coupon Feature
Enables restaurant owners to run promotional campaigns using coupons, increasing user registration and engagement.
Through multiple iterations based on feedback and testing, we made the process intuitive and efficient. Each step in the ordering process is streamlined to minimize user effort and maximize convenience. Our modular design approach allows components to be reused across projects, enhancing scalability and ensuring a consistent user experience across different platforms.
Design Deliverable 2: OneQR Shop - Self-Service Kiosk System
Self-service kiosks in the restaurant enable customers to select menu items and make payments using big touch screens. This quick and interactive system enhances the customer experience by giving control of the entire ordering and payment process.
Initial sketches of the adaptation framework.
Face Pay: We also offer a self-service facial recognition payment feature.
Design Deliverable 3: OneQR OES - Order Entry System
Using our OES, restaurant staff can efficiently handle personalized orders, manage customer requests, review order history, and process refunds, ensuring accurate and tailored service.
Adaptive Layouts
To ensure compatibility with various devices used by different clients, the OES features an adaptive design to accommodate different screen sizes.
2. Food Preparation Process
Design Deliverable 4: OneQR KDS - Kitchen Display System
The KDS, designed for restaurant kitchen staff, displays orders in real time, improving efficiency and accuracy in food preparation. It allows staff to promptly update order statuses, ensuring timely and high-quality food service.
Iteration Improvements
In the initial design, we anticipated that kitchen staff would be very busy. Therefore, I made the text and buttons larger to be more accessible, facilitating easier information confirmation and operation, reducing time spent on the KDS.
However, feedback from the first users revealed a different need: the kitchen staff preferred more information on the screen over accessibility, including detailed and future orders, to improve efficiency and stability in meal preparation.
As a result, I redesigned the layout to maximize screen space, reducing the size of menu information and operation buttons while enhancing the contrast of order cards. This adjustment helps kitchen staff focus on more order details with minimal visual distractions during food preparation.
Customizable Themes and Layouts
Beyond aesthetics, these settings ensure compatibility with various devices and scenarios.
Theme Customization
Different theme colors provide varying contrast levels to accommodate diverse display qualities. Dark and blue themes offer higher contrast, ensuring clarity on all screens.
Layout Customization
Different layouts cater to various restaurant types. Compact layouts suit small shops with short orders, while spacious vertical layouts benefit restaurants with extensive menus. Flexible waterfall layouts accommodate varying order lengths, ensuring optimal KDS usability.
3. Delivery and Pickup Process
Design Deliverable 5: OneQR Wait - Order Status Display
This system displays order numbers on a large screen and sends notifications to customers' mobile devices when orders are ready. It supports hand delivery, speedy pickup, and express takeout, ensuring quick and organized order pickup, and reducing wait times.
Order Status Display
The Wait system also allows for theme color customization. Additionally, it enables the configuration of notification sounds and their frequency.
Mobile Web Notifications
Customers will receive a notification on wabpage when their order is ready, whether they are on the order details page or browsing the menu on the homepage.
These design solutions streamline the restaurant's operations by integrating all personnel and processes. Enhancing ordering, preparation, delivery, and payment ensures a seamless and efficient service system that boosts accuracy and customer satisfaction.
In-Store Usage
One notable use of our products was in the cafeteria of Tokyo University of Science. By deploying OneQR, the cafeteria reduced service time by 40% and increased cashless payments by 80% (Data Source). showcasing how innovative solutions can streamline operations and enhance customer satisfaction.
Photos by team members and sourced from this article and this article.
Our solutions have also been implemented at Aeon’s cinema snack shops and restaurants of various types, highlighting their adaptability to different operational needs within the food service industry.
Photos by team members and sourced from this post and this article.
Outcome & Takeaways
By February 2023, our SaaS solution had been adopted by over twenty businesses, including dining institutions and tech-forward startups. This widespread adoption not only secured Series B funding for the company but also validated the solution’s flexibility and commercial potential.
The illustration demonstrates how OneQR services seamlessly integrate into urban ecosystems, showcasing the scalability and vision behind our extensive product offerings.
This project strengthened my ability to balance diverse needs within constraints, strategically plan iterations, and prioritize feedback effectively. These principles continue to shape my approach to design and development, enabling me to deliver user-focused solutions that address complex challenges and drive value in the industry.
For confidentiality, actual metric values have been obscured.
All content in this case study, unless otherwise noted, is my intellectual property and cannot be reproduced without my permission.
Previous Project
← Vividus
Next Project
Adsola + EdgeBridge →
Thank you for stopping by! I'm always open to collaborating or simply saying hello.