Revolutionizing Reservation And Management With Seamless UI/UX Design


The project aimed to‭ ‬enhance user experiences‭ ‬for a Progressive Web App‭ ‬‭(‬PWA‭) ‬mobile app‭, ‬an admin‭ ‬dashboard‭, ‬and a reservation‭ ‬website‭. ‬The existing interfaces‭ ‬lacked user-friendliness and cohesiveness‭, ‬leading to low user engagement and potential business losses‭. ‬The challenge was to create‭ ‬intuitive and visually appealing designs‭ ‬that cater to both‭ ‬customers and business‭ ‬owners while aligning with the company’s goals‭.‬

2 years

Usability Testing, UI Design, Prototyping, Wireframing, UX Research, Design Sprint

Microsoft Office, Miro, Adobe XD, Zeplin, Slack, HTML, CSS, Flex, Bootstrap, VSCode


The target group for this project includes users of the PWA mobile app, the admin dashboard, and the reservation website. The app’s primary users are customers looking to make reservations, check-in, and manage payments efficiently. The admin dashboard targets business owners and staff responsible for managing services and tracking reservations. The reservation website aims to cater to potential customers exploring available services and making bookings.


To address the design challenges‭, ‬I conducted comprehensive‭ ‬user research‭, ‬including user interviews‭, ‬usability tests‭, ‬and competitor analysis‭. ‬Insights gathered from user feedback and pain points formed the foundation for the design direction‭. ‬Understanding‭ ‬user expectations and business requirements‭ ‬was crucial in identifying opportunities for improvement‭.‬


  1. Empathy‭:‬‭ ‬I ran field study to observe and understand the users
  2. Ideation and Workshops‭:‬‭ ‬I led ideation workshops with stakeholders to align‭ ‬on design goals and explore creative ideas for the app‭, ‬dashboard‭, ‬and website‭.‬
  3. Wireframing‭:‬‭ ‬I crafted low-fidelity wireframes to map out user flows and the overall architecture‭, ‬ensuring a smooth and logical user journey‭.‬
  4. Prototyping‭:‬‭ ‬Interactive prototypes were created to validate design concepts and gather feedback from potential users‭, ‬refining the designs‭ ‬iteratively‭.‬
  5. User Testing‭:‬‭ ‬I conducted usability tests to evaluate the effectiveness and intuitiveness of the interface‭, ‬making data-driven improvements‭.‬


Deeply understanding the users

The design process cannot begin without a deeper understanding of the people you are designing for‭. ‬I needed to observe restaurant staff behavior to‭ ‬understand their needs‭, ‬thoughts‭, ‬feelings‭, ‬and motivations‭. ‬So I gathered both‭ ‬quantitative and qualitative data‭.‬

USER-Centric Insights

Unveiling the Needs of Restora’s Target Group

I conducted data classification meetings with the product owner to gather valuable insights‭. ‬Through the creation of‭ ‬personas‭, ‬experience maps‭, ‬and restaurant service blueprints‭,‬‭ ‬we successfully identified the target group’s needs and highlighted the main gaps and challenges they encounter‭. ‬This data-driven approach paved the way for a user-centric‭ ‬and tailored UI/UX design solution‭.‬

user persona


The final solution revolved around a modern and cohesive‭ ‬design system‭, ‬ensuring‭ ‬consistency‭ ‬across all platforms‭. ‬For the PWA app‭, ‬I implemented an‭ ‬intuitive navigation system‭, ‬simplified checkout process‭, ‬and‭ ‬personalized user recommendations‭. ‬The admin dashboard was optimized with‭ ‬actionable insights‭ ‬and‭ ‬data visualizations‭ ‬to empower business owners‭. ‬The reservation website received an‭ ‬enhanced user interface‭, ‬making it effortless for customers to browse and book services‭.‬

By focusing on‭ ‬user-centered design‭ ‬principles‭, ‬collaboration with stakeholders‭, ‬and‭ ‬continuous‭ ‬feedback loops‭, ‬the project resulted in a significant increase in‭ ‬user engagement‭ ‬and‭ ‬customer satisfaction‭. ‬The seamless execution and‭ ‬alignment with business objectives‭ ‬made the PWA app‭, ‬admin dashboard‭, ‬and reservation website standout in the market‭, ‬contributing to the company’s success‭.‬

Metrics and Feedbacks

0 %

User Engagement

25 %

Conversion Rate

42 %

Task Completion

  1. User Engagement‭: ‬The PWA mobile app witnessed a‭ ‬100%‭ ‬increase‭ ‬in user engagement‭, ‬as measured by the average time spent on the app‭, ‬the number of daily active users‭, ‬and the frequency of app interactions‭.‬
  2. Conversion Rate‭: ‬The redesigned reservation website experienced a‭ ‬30%‭ ‬increase‭ ‬in conversion rate‭, ‬reflecting the effectiveness of the user-friendly interface and improved booking process‭.‬
  3. User Satisfaction Surveys‭: ‬Conducted post-launch user satisfaction surveys resulted in an overall‭ ‬satisfaction score of 4.8‭ ‬out of 5‭, ‬with users praising the app’s intuitive navigation and visually appealing design‭.‬
  4. Task Completion Rate‭: ‬The admin dashboard’s task completion rate significantly improved from‭ ‬42%‭ ‬to 85%‭, ‬indicating that business owners found it easier to manage their services and access critical insights‭.‬
  5. Reduced Customer Complaints‭: ‬After the implementation of the new design‭, ‬the platform experienced a‭ ‬50%‭ ‬reduction‭ ‬in customer complaints related to user experience issues
"By accelerating and facilitating coordination and cooperation between restaurant personnel, Restora has led to better and faster customer service."
Restaurant Manager
Scroll to Top