Featured Work — Product Design (UI/UX) — Web Development — Brand & Graphic Design About Naomi Download Resume Let's Connect
Hospitality UX · Mobile POS

Dine

In-restaurant table ordering and split-payment mobile solution reducing staff bottlenecks and elevating dining delight.

My Role
UX Lead
Deliverables
Table Journey Maps, Wireframing, POS Integration UI
Tools Used
Figma, Illustrator, Photoshop
Timeline
6 Months

Transforming the Modern Dining Journey

The Dine App was developed to transform the way users discover and reserve dining experiences, offering a seamless platform that connects restaurants with diners. Unlike traditional methods, the app simplifies reservation processes while catering to individual dining preferences. Inspired by the need for more personalized dining options, Dine is tailored for food enthusiasts who seek convenience, customization, and a superior user experience.

Despite the popularity of dining apps, users often face:

The challenge was to design a platform that delivers a seamless, personalized, and transparent dining experience from start to finish.

Benchmarking Dine Against OpenTable

Using the competitive analysis research method, I benchmarked Dine against OpenTable, a leading dining app. Key Insights:

  • Users preferred apps that provided tailored restaurant recommendations based on dietary preferences.
  • Transparency regarding menu options, dietary accommodations, and real-time availability was a critical requirement.
  • A simplified and visually appealing interface enhanced user trust and booking completion.

Based on this research, I developed a user journey map highlighting pain points during the reservation process and built a detailed persona representing the app’s target audience.

Dine User Journey Map Dine User Persona

Navigating Operational and Technical Complexities

Dine Wireframe Exploration

Challenges are not roadblocks—they are your personal growth trampolines:

  • Balancing Simplicity and Feature-Richness: Ensuring the app was feature-packed without overwhelming users.
  • Accurate Recommendations: Developing an algorithm that effectively matches users with restaurants based on dietary preferences.
  • Real-Time Updates: Ensuring smooth integration with restaurant systems for accurate availability tracking.
  • Competitive Differentiation: Designing unique features that set Dine apart from established competitors like OpenTable.

Seamless Table Ordering & Split Bill Architecture

The Dine App introduces innovative features that address the identified challenges:

Personalized Recommendations: Users receive tailored restaurant suggestions based on their preferences, dietary needs, and location (e.g., a vegetarian user can instantly find restaurants offering curated plant-based menus).

Streamlined Reservations: A simplified three-step process for booking a table ensures a smooth user experience (e.g., users can select a restaurant, pick a time, and confirm their reservation in less than a minute).

Dynamic Availability Display: Real-time updates on table availability reduce user frustration and improve transparency.

Seamless In-Restaurant Dining Experience: The app bridges the gap between booking and dining by offering digital QR menus, wait time updates, contactless ordering, and instant split-bill payments.

Dine Mobile Prototype 1 Dine Mobile Prototype 2 Dine Mobile Prototype 3

Elevating the Hospitality Experience

This project underscored the importance of user-centered design and competitive research in creating standout digital solutions. By addressing gaps in existing dining platforms, Dine offers a tailored and seamless experience that enhances user satisfaction and loyalty. It reaffirmed my belief in the value of empathetic design in solving real-world problems.

Next Steps: Integrate a machine learning recommendation system to provide even more precise restaurant suggestions based on user behavior and seasonal dining trends.

Get In Touch

Let's Build Something Meaningful

Open for full-time Product Design, Web Development & Creative Direction opportunities.