back to home

orderio

Designing a mobile app user experience for an up and coming food delivery startup

Role

UX/UI Designer, Branding

Timing

Part-Time
8 Months

Tools

Figma
Illustrator
Photoshop
Github

Type of project

Contract

overview

Apps like UberEats, DoorDash and others have undoubtedly become household names, however, beyond huge engagement and user numbers, the whole market of food delivery has been facing 2 major problems:

To solve this, Orderio partners with local businesses to organize bulk orders for certain residencies at specified times throughout the week, granting restaurants a consistent pool of orders, cutting service costs and leaving the customer to pay substantially less to nothing for a delivery service.

I was tasked with designing Orderio’s first mobile app experience for their test launch at Rutgers University. Let’s dive in!

design process

Discover

Foundational Research
Competitive Analysis
Interviews
Branding Brainstorming

1

Define

User Persona
Surveys
Empathy Map

2

Ideate

User Flow
Informational Architecture

3

Design

Branding Crystallization
Design System
Hi-Fi Prototype

4

Discover

Foundational Research

From the beginning I made it my mission to understand the product and the idea to the fullest extent. The founder and I had many sessions together where we discussed his vision for the product, previous experiences and traction, his industry knowledge and even scheduled and conducted some calls with hypothesized end-users, trying to understand their needs and gauge how well they respond to our vision. The results were quite promising and enough for us to decide to pursue the initial idea. We confirmed that college students living on campus should be the primary target audience for the initial stages of the app, even though we knew we could extend our app onto other demographics.

Competitive analysis insights

As part of my foundational research, I dived in deep into the food delivery market, looking for clues, insights and ideas for the product. The following are my conclusions.

Insight 1: The food delivery market is saturated with competitors that offer similar features and have few unique selling points, if any. While some apps may have minor differences in features or user experience, overall there is little differentiation among them.

Insight 2: Despite the lack of differentiation, we discovered that most of our competitors have very efficient user journeys due to the market's maturity and high-efficiency-demanding nature.

Branding brainstorming

Early on we created multiple moodboards of visual styles, elements, slogans and more to gauge where Orderio would stand as a brand and present itself to the world. More on that later in the case study.

1

define

User Persona

It was important to us to consolidate all of our research findings into a persona that we can use to empathize and think through lens of, when we work on the product. The following is what we devised:

survey

We also conducted a formal survey among Rutgers University students living on campus, to further prove (or disprove) our initial hypothesis. The following is the result:

qualitative insights from the survey

  • Students are very budget-driven and hate fees, love discounts and would like food delivery apps to be as transparent with pricing as possible
  • No food delivery brand loyalty
  • Students living on campus are quite social and community-driven
  • Frustrated with the clutterness of most food delivery apps (too much info)

Key Challenges

Brand Unawareness & Distrust

Launching a product in a very saturated and mature market poses a big challenge for any startup and Orderio is no exception. The big challenge is winning over people’s attention, but more importantly trust, when a myriad of other extremely trusted food delivery products already exist.

Not Understanding the Product

Due to Orderio’s unusual business model, we knew that throughout development we would struggle with finding the right approach to explaining the product and how it works.

Empathy map

From having a clear idea of our user persona, along with survey findings and interviews, we created an empathy map from direct and paraphrased quotes to deepen our connection with the users and use it to ideate possible features and solutions.

opportunities

In the market filled with monotonous products, build a strong brand that pops.

With the food delivery market being saturated and dominated by a handful of big players, there is an opportunity for Orderio to stand out and build a strong brand that resonates with its target audience — college students.

Create a product that eliminates food service fees and doesn’t leave customers frustrated at checkout.

One of the biggest pain points for customers using food delivery apps is the high fees associated with the service. Orderio has the opportunity to create a product that eliminates these fees and offers a more transparent pricing model.

Promote community-driven restaurant initiatives.

Based on the user research, it's clear that community-driven initiatives are important to Orderio's target audience. This presents an opportunity for Orderio to partner with local restaurants and promote these initiatives to customers. By highlighting restaurants that are locally owned and operated, using sustainable practices, or supporting charitable causes, Orderio can appeal to customers who are interested in supporting their community through their food choices.

2

3

ideate

information Architecture

We kicked off the Ideate phase by creating an Information Architecture, which gave us a thorough overview of the scope and complexity of the app and gave me and developers a much clearer path forward. We've gone through a few cycles of corrections and arrived at the following diagram:

view figma file

User flow

Beyond the Information Architecture, we wanted to take ourselves through the flow of the app from the lens of our user persona to see what we might have missed or misplaced in the Information Architecture diagram and ideate processes like sign up, restaurant selection, order placement and more.

view figma file

design

branding finalization

After 1-2 months of conversations, brainstorms, research and surveys, we were ready to move into the Design phase of our project, which we kicked off with finalizing our brand look and feel.

Building a design system

It was my job to establish a structured and thorough design system for the application to not only speed up the production of a high fidelity prototype, but also ensure clear communication with the stakeholders and developers.

Color Palette

4

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Paragraph 1 Text Lorem Ipsum

Paragraph 2 Text Lorem Ipsum

Primary Button

Paragraph 2 Text Lorem Ipsum

Paragraph 2 Text Lorem Ipsum

Paragraph 2 Text Lorem Ipsum

Project Name

Product Design

Web Design

Visual Design

Brand Identity

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nav Button