UX / UI Design

Illustrations

Branding

Data Vis

Animation & Video

Photography

La Carne

This is a case study I worked on whiles taking the Google Career Certificate in UX Design. For this project I did the research to define the problems, followed by working on the whole design process. I worked on all the aspects of visual design. I conducted real-time background research in order to produce a meaningful design.

Introduction

La Carne is a steak restaurant looking for an ordering and delivery app to serve its customers. Over the last couple of years, the restaurant has depended on third-party apps like Door dash and Uber eat to serve their customers.

challenge

The challenge for this project is to develop a mobile ordering and delivery app for La Carne.

Solution

La Carne App allows customers of the La Carne restaurant to order their favorite dishes with the option of delivery and pickup at their own convenience.

Target Audience

Upper class:

  • Business Executives
  • CEO
  • Doctors
  • Lawyers

Middle class:

  • Civil Servants
  • Health Workers
  • University Workers
  • Students
  • Sales Associates
User Research

I focused on the two groups of my target audiences:

  • Doctors (Upper class)
  • Students (Middle class).
Role and Timeline

This is a personal project that took me 12 weeks to complete.

Design Process

5 steps of design thinking process.

emapathize

  • User survey
  • Problem finding

define

  • User research
  • User persona
  • User journey

ideate

  • User flow
  • Information Architecture

design

  • Wireframing

test

  • Usability testing

User Personas
logo
logo
User Story
logo
User Pain Points
  • There is no food customization option.
  • Text-heavy menu.
  • Food is not delivered on time.
  • People who are health conscious can get information on how many calories they intake.
Solutions
  • The app will let users customize their orders.
  • The app will have a visual and interactive menu.
  • The app will provide order tracking and delivery time options.
  • The app will provide calorie information to help users make the right personal health decisions.
User Journey Map
logo
logo
User Flow
logo
Storyboard
logo
logo
logo
logo
Wireframes
logo
logo
logo
logo
Feedback

After designing the lo-wireframes, I made a prototype to test on a couple of users. I use my research plan that outlines the research goals, enlisted questions, KPIs, methodology, information about participants, and scripts with tasks to complete.

Pattern Identification
  • It was observed that five(5) out of five(5) participants had trouble creating a new account. The create new account link is inactive.
  • It was observed that three(3) out of five(5) participants had trouble Selecting one of the items in the menu on the checkout page. This means the drag feature in the order menu page is not very intuitive.
  • It was observed that three(3) out of five(5) participants successfully selected a Pickup location. Meaning the pickup/change location feature works but needs adjustments.
  • It was observed that five(5) out of five(5) participants successfully Checked out their orders and received confirmations. Meaning the check page works very well.

Insight identification

  • Based on the theme that: Most users find it hard to create a new account. The insight is: users need better cues to create a new account.
  • Based on the theme that: Most users did not find it easy to select one of the items in the menu for the checkout page. The insight is: users need more cues or guidance to complete this task.
  • Based on the theme that: Drag and drop feature in the menu page works for most users, but there need to be clear instructions to guide users.
Color and Typography

A neat color palette with the right font is crucial to create a user-friendly yet elegant design.
The colors of the design are inspired by the color of meat–red, and the process of making steak. Represented by two shades of black.

emapathize
define
ideate
ideate
logo
Prototyping
logo
logo
logo
Thank you