• UX Design
  • UI Design

Cabana App

Redesign for a delivery and take-out mobile application

About the project

  • Duration
    Aug-Sep 2020
  • My role
    UX Designer
    UI Designer
  • Team members
  • Taciana Kolisch
  • Tools
    Pen and paper
    Excel
    Draw.io
    Figma
  • Deriverables:
    Annotated wireframes
    Style guide
    QA reviews

Summary

Cabana is a Brazilian restaurant franchise that, during the pandemic, noticed the need to create its own application increasing notability and revenue by including customization and a loyalty program; therefore, reducing the dependability of third-party applications.

The product was initially created by an agency; however, Cabana was not satisfied with the results as the prototype lacked a clear structure, consistency, usability, and functionality.

Discover

— Content audit

How does the app work?

To understand exactly what flaws the application presented, we audited the entire application and created a report providing the key findings, competitor analysis, and recommendations that was shared with the client.

Content audit

Define

— User flow & sitemap

How to navigate

Once the proposed recommendations were approved, we worked on the site map, noting every screen’s main functions. The main flows were:

Site map
— Wireframes, prototype & testing

Creating the design

For the next step, we sketched and discussed changes. We then created the lo-fi wireframe in Figma. Our biggest challenge was the loyalty program, which the client was still unclear about.

After a revision, we tweaked screens based on references, new ideas, as well as client’s suggestions. After the interactive prototype was finished, it was time for the most awaited part, the usability test!

Sketch
Lo-fi wireframe
— Usability testing

But what do our users think?

We selected some users who had previous experience using delivery applications to test the flow of the new functions.

At first, we just tested navigating through the application and noticing the user's impressions without a defined goal; however, it failed due to the lack of goal. We then ran the tests with a list of tasks and success criteria according to the doubts we had regarding the layout and flow.

Try the prototype

There were 4 tests in total with very interesting results. We listed all the insights gathered and defined which changes carried more weight in the user experience, which required the client’s approval, and which would require more time to develop, leaving it/them for the next update.Some of the changes according to the insights:

Production

— Annotated wireframes

Almost at the end of the project!

After reviewing the entire document, and creating all dialog boxes and error messages, we documented all application’s screens and added details to each function to better guide the developers.

— Style Guide

Applying interface design

We also created a style guide with the best practices for user interface (UI) design, providing a more consistent and clean design in line with the branding.

Style guide
Wireframe annotations
— Review

Is it working?

A few weeks later, the developers sent us the application under development for some Quality Assurance (QA) sessions, where we audited and evaluated the entire application and made notes on improvements separated by functionality and interface, highlighting the priority of each of the listed points.

QA Review presentation

Conclusion

Though the project was delivered later than expected, it has successfully launched and has hundreds of active users. Additionally, the loyalty program proved to be a success among Cabana’s customers.

This project provided a lot of learning opportunities, especially with the usability test; we managed to find incredible insights to improve usability with just a few user testers.

You can find the app on the apple store.

Get in touch

I would love to hear your ideas.Reach out and let’s discuss how to make your dream project go live!

Do you prefer to send an email? Please, send it to:

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.