BACKGROUND

BACKGROUND

HAYAI

HAYAI

HAYAI

Hayai is a mobile ordering app tailored for modern restaurants, offering users a seamless and convenient way to manage their dining experience. The app allows customers to schedule orders in advance, place pick-up orders effortlessly, and enjoy a streamlined process that minimizes wait times and enhances overall satisfaction. Designed with both user convenience and restaurant efficiency in mind, Hayai bridges the gap between traditional dining and modern technology.

ROLE

ROLE

ROLE

UX Designer

RESPONSIBILITIES

RESPONSIBILITIES

RESPONSIBILITIES

Research • User interview

Competitive audit • Wireframes

Prototypes • Interactions

DURATION

DURATION

DURATION

3 months

THE PROBLEM

THE PROBLEM

THE PROBLEM

STREAMLINING THE MODERN DINING EXPERIENCE

STREAMLINING THE MODERN DINING EXPERIENCE

STREAMLINING THE MODERN DINING EXPERIENCE

Modern restaurants often struggle to streamline their ordering processes while offering customers convenience and value. Users need a solution that allows them to schedule orders, place pickup orders seamlessly, and save money through rewards or discounts.

RESEARCH

RESEARCH

RESEARCH

STREAMLINING THE MODERN DINING EXPERIENCE

STREAMLINING THE MODERN DINING EXPERIENCE

STREAMLINING THE MODERN DINING EXPERIENCE

I conducted interviews, surveys, competitive audit and online research to develop an understanding of user pain points when using similar products. 94% of the survey participants are regular users of food ordering apps and they stated that having the option to place scheduled orders is something they would love to have. 60% of the interview participants stated that they would use the in app currency system as they really need to minimize how much they spend on meals daily.

COMPETITIVE AUDIT

After conducting a competitive audit on 3 competitors (2 direct and 1 indirect) below are some opportunities that were discovered.

After conducting a competitive audit on 3 competitors (2 direct and 1 indirect) below are some opportunities that were discovered.

Provide more language and accessibility options.

Provide a way to schedule orders consistently.

Improve interaction and overall design.

KEY RESEARCH INSIGHTS

I was able to gathere these key insights after the first round of user testing.

I was able to gathere these key insights after the first round of user testing.

Most users prefer a shorter ordering process

Most users had trouble keeping up with what page they were on

The app currency feature is not very obvious for some users

PRODUCT MAP

USER PERSONA

WIREFRAMES

I started by designing wireframes and developing them into a low-fidelity prototype, allowing users to test and provide feedback early in the process. This approach ensured valuable insights were gathered before progressing to high-fidelity mockups and prototypes.

I started by designing wireframes and developing them into a low-fidelity prototype, allowing users to test and provide feedback early in the process. This approach ensured valuable insights were gathered before progressing to high-fidelity mockups and prototypes.

Paper Wireframes

Paper Wireframes

THE SOLUTION

DESIGN SYSTEM, UI DESIGN, PROTOTYPING

DESIGN SYSTEM, UI DESIGN, PROTOTYPING

DESIGN SYSTEM, UI DESIGN, PROTOTYPING

After days of iterating and experimenting with various concepts, a clear solution began to take shape. Leveraging Figma, I designed the UI, developed interactive prototypes, and refined the interaction design to create a cohesive and user-friendly experience. This process ensured the solution was both visually appealing and functionally effective.

DESIGN SYSTEM

DESIGN SYSTEM

DESIGN SYSTEM

MOCKUPS

MOCKUPS

MOCKUPS

CLOSING

FINAL THOUGHTS

FINAL THOUGHTS

FINAL THOUGHTS

Priority was given to user experience and I designed a straightforward product with as little visual clutter as possible. Hayai’s final design is a result of research, insights, design thinking, and iterations.

TAKEAWAYS

TAKEAWAYS

TAKEAWAYS

Communication: I found that communication is arguably the most important part of designing a product that serves the need of it’s users. I had a few features at the beginning of this project that I thought would be utilized and understood by users but after testing, asking questions and leaving my biases out of it, I was able to better understand the needs of the users and design for that.


Design: The importance of a design system cannot be overemphasized! I save so much time and was able to effect changes to the design without wasting too much time because I had a design system applied to the entire project that lets me make changes from one component to all it’s variants.

PREVIOUS CASE STUDY

PREVIOUS CASE STUDY

PREVIOUS CASE STUDY

Redesigning and Enhancing Financial Source'S product and User Experience

Redesigning and Enhancing Financial Source'S product and User Experience

Redesigning and Enhancing Financial Source'S product and User Experience

NEXT CASE STUDY

NEXT CASE STUDY

NEXT CASE STUDY

Accessible Career Mentorship APP for Formerly Incarcerated Individuals

Accessible Career Mentorship APP for Formerly Incarcerated Individuals

Accessible Career Mentorship APP for Formerly Incarcerated Individuals

©2025 Tobi Akinloye. All Rights Reserved.

©2025 Tobi Akinloye. All Rights Reserved.

©2025 Tobi Akinloye. All Rights Reserved.

©2025 Tobi Akinloye. All Rights Reserved.