Foodies (web app)

Overview

This case study focuses on designing a responsive web app for the existing “Foodies” food delivery mobile app, as described in this case study.

It targets customers who prefer devices with large screen sizes (laptops, tablets or desktops) to mobile devices.

User research

I conducted interviews and created empathy maps to understand the users’ problems. The primary user group were people who preferred devices with large screen sizes for online activities.

This user group confirmed initial assumptions about potential customers. Research also revealed that apart from screen size, the availability of a mobile device was also a factor limiting users from using the mobile app.

Pain points

Accessibility

Either the target users don't have access to a mobile device or have difficulties using one.

Persona

Pratyush

Age: 31 Education: MBBS Occupation: Doctor Hometown: Sambalpur, Odisha

"Healing the world and searching for tools that can help me live a better life"

Goals

• Make time for each of his patients
• To have easy access to healthy food

Frustrations

• Having a busy schedule makes it difficult for him to prepare a meal

Pratyush is a Doctor with a busy and demanding schedule at a hospital in Sambalpur. He cares a lot about being available to his patients and often takes appointments at the last minute. He lives alone and mostly orders food online. Text-heavy and unresponsive apps make it difficult for him to find and order the right food.

Starting the design

Wireframes

Low-fidelity prototype

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow was to select a restaurant and order food. This prototype was used in a usability study.

Usability study

I used the high-fidelity prototype for the usability study and it revealed aspects of the designs that needed refining.

Findings

• Menu tab was missing from the restaurant page.
• Important links: Help, Contact and About were missing from the design.

Refining the design

I added the Menu tab and the missing links.

High fidelity prototype

The final high-fidelity prototype presented cleaner user flows for ordering food and checkout. It also met user needs for payment on delivery option.

Play prototype

Accessibility considerations

• Provided access to users who are visually impaired through adding alt text to images for screen readers.
• Used icons to help make navigation easier.
• Used detailed imagery for food items to help all users better understand the designs.

Takeaways

Next steps

Lets connect!