Carl's Jr.

Carl's Jr. mobile app experience causes frustration in users because it is not easy to navigate. Our team redesigned the experience to create a more accessible and intuitive customer ordering experience.

TIMELINE
2 Day Design Sprint
TEAM
Pablo Cuellar
Mario Espana
MY ROLES
Lead UI Designer

Problem

Users ordering Carl’s Jr. through their app need a way of quickly navigating through the experience because currently the app’s layout and accessibility confuses customers.

Solution

We believe that by redesigning the Carls Jr app, using accessibility guidelines, reorganizing information, and creating a revamped visual treatment, users will be able to seamlessly order through the app without difficulty.

Personas

Juan Gomez

Juan is a manager at Target. His work shift is in the mornings. He gets busy helping his customers and restocking, so he usually orders food online from Carl’s Jr. Juan stresses to order food because he has to go through a lot of steps on the app, which sometimes interferes his break time.

Pain Points:

  • Struggles to order food due to, so many steps on the app which takes time from his break.

Needs:

  • The flow of the app to be quick when it comes to ordering food.

Julia Minoza

Julia is a freelance market researcher who is always on the go and tends to often buy Carl's Jr. She uses both Carl’s Jr delivery and pickup service through the app. Some of the iconography on the app is not legible to her because she is color blind. Also, she has trouble knowing what items are needed to complete an order because the design does note it is a required field.

Pain Points:

  • Hard to distinguish some of the icons.
  • Required fields to move onto the next step are not highlighted.

Needs:

  • Legible and accessible interface.
  • To know what selections are required to complete an order without guessing.

UX/UI audit

Conducting a UX/UI audit gave us a clear vision of what needed to be fixed and what elements of the current design can still be carried over to the redesign.

Competitive audit

Analyzing competitors' apps gave us a different perspective on how we can redesign the app. Whether it was the UX or UI of the competitors' app we drew ideas from it and built on them.

Wireframes

To quickly iterate ideas we created sketches through a crazy 8's exercise. From our exercise we narrowed are sketch decisions and converted them to digital wireframes.

Digital wireframes

Style tile

To keep a consistent visual treatment across the redesign we created a style tile to establish the new UI guidelines we planned to use.

Hi-Fi Screens

Prototype

Retrospective

This was our first time working together. We got along right from the start and the design process was easy for us because we both fed off each others ideas. This was all done in a remote environment so it would have been interesting how much different our design process would have been in person.

What we can improve on is the way we came to a final decision on what design direction we wanted to take. At times we felt like we have many ideas but it was difficult to separate the viable ideas versus what could have be done with the timeline. We were able to over come this obstacle be referencing industry leading designs to know what would work and what wouldn’t.

Next case study

ReLife

Lead Designer

Mobile App Design

An experience that focuses on recycling materials in Los Angeles, CA.