Project Overview
Tabz is the first Saudi-based food delivery app specializing in online food pre-ordering, whether for dining in or delivery for both individual and group orders. Tabz also offers unique services tailored to special occasions. The goal of this project was to design an intuitive food app delivery service specifically catered to the Saudi market, providing a seamless and customized experience for users.
App Store - https://apps.apple.com/us/app/tabz-تابز/id1623129749
My Role (overview)
As part of the design team, I contributed significantly to the brand workshop for Tabz, which led to the creation of the logo and the visual style of the user interface (UI). I also assisted in building the wireframes, focusing on Information Architecture (IA). I created several theme options for the UI and was responsible for implementing the final design in both English and Arabic versions.
Informational Architecture
The IA process focuses on organizing, structuring, and labeling content to help Tabz users find information quickly and complete tasks efficiently. I began the project with a discovery session with the client, where we explored the app's requirements. After benchmarking several food delivery apps, we mapped out our assumptions into the IA, ensuring we were meeting both user needs and business goals.
Wireframing
Once the event flow was defined, I worked on designing the app screens. To ensure the app’s usability, we conducted research into similar apps in the food delivery space, analyzed their strengths and weaknesses based on user feedback, and applied those insights to improve Tabz's overall user experience. The wireframes served as a foundation for the visual design, focusing on simplicity and user engagement.
UI Design Visual Exploration (Phase 0)
After defining the event flow, I began designing the app screens. To ensure optimal usability, we conducted thorough research on similar apps in the food delivery space. By analyzing their strengths and weaknesses through user feedback, we gained valuable insights that informed the improvement of Tabz's overall user experience. The wireframes became the foundation for the visual design, with a strong focus on simplicity and enhancing user engagement.
Final UI
After understanding user goals and selecting the appropriate theme, I translated the chosen theme into the entire UI design. The interface was kept simple, consistent, and purposeful. Our goal was to direct users’ attention to the core functionalities of the app, ensuring they could easily navigate through the reservation and ordering flows.
