GUS'S MARKET

A well-known supermarket chain's app for users to request food for delivery and pickup.

A well-known supermarket chain's app for users to request food for delivery and pickup.

GUS'S MARKET

A well-known supermarket chain's app for users to request food for delivery and pickup.

Role

UX / UI Designer | Prototyping | Graphic Designer

UX / UI Designer | Prototyping | Graphic Designer

Responsabilities

User Experience | Research | User Journey | Usability Testing

User Experience | Research | User Journey | Usability Testing

Business Goal

Gus's Market, a well-liked supermarket, is keen on developing an application through which customers can place orders from the deli and cafe sections. The client desires an app that is user-friendly across all age groups.

Additionally, they require a separate web-based platform for their staff to manage these orders efficiently.

Business Goal

Gus's Market, a well-liked supermarket, is keen on developing an application through which customers can place orders from the deli and cafe sections. The client desires an app that is user-friendly across all age groups.

Additionally, they require a separate web-based platform for their staff to manage these orders efficiently.

The Solution

Creating a user-friendly online food ordering and delivery app that users are familiar with.

User Journey

01

User creates an account using their own information. Users also have the option to sign in as a guest.

User creates an account using their own information. Users also have the option to sign in as a guest.

User creates an account using their own information. Users also have the option to sign in as a guest.

02

The home page will display available items for sale as well as a search option.

The home page will display available items for sale as well as a search option.

The home page will display available items for sale as well as a search option.

03

User can add or customize items before adding them to the shopping cart.

User can add or customize items before adding them to the shopping cart.

User can add or customize items before adding them to the shopping cart.

04

Checking out will allow users to select if items are for pickup or delivery. If items are for pickup, user can select the best market option for them.

Checking out will allow users to select if items are for pickup or delivery. If items are for pickup, user can select the best market option for them.

Checking out will allow users to select if items are for pickup or delivery. If items are for pickup, user can select the best market option for them.

05

User places order and receives a confirmation email and number.

User places order and receives a confirmation email and number.

User places order and receives a confirmation email and number.

06

Gus's worker gets the request and validates it. Staff can notify users in case of an issue, or when the order is ready.

Gus's worker gets the request and validates it. Staff can notify users in case of an issue, or when the order is ready.

Gus's worker gets the request and validates it. Staff can notify users in case of an issue, or when the order is ready.

Mobile Wireframes

At the beginning of my design process I created wireframes for all the app screens. This helped me to maintain MVP in mind and stay focused in what the client wanted to achieve.

  • I created low-to-mid fidelity wireframes for this project.

  • Figma was the software used.

  • Several iterations were made to land on the user experience our client was looking for.

UI Design

Gus's already had a brand, which made the process easier.

  • Client wanted something that felt somewhat familiar.

  • A clean and easy to use interface was requested as well.

  • Accessible design with big buttons and easy navigation especially for users fulfilling orders on the go.

In addition to a native app, I developed a web-based interface for employees (B2C) to process orders and a distinct online application for Gus's owners to oversee all activities within the platform.

In addition to a native app, I developed a web-based interface for employees (B2C) to process orders and a distinct online application for Gus's owners to oversee all activities within the platform.

In addition to a native app, I developed a web-based interface for employees (B2C) to process orders and a distinct online application for Gus's owners to oversee all activities within the platform.

Next Steps

Gus's Market will add their "Cafe" department in the future.

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024