Blue Crab

Client
Google UX Design Specialization
Timeline
3 Months
Year
2025
Live Prototype
Blue Crab Screens
Blue Crab Userflow
Blue Crab Moodboard

Project Overview

Blue Crab is a fictional seafood restaurant, created as part of the Google UX Design Specialization course. The task was to create an online food ordering application while learning the UX/UI Design Process.

The Challenge

There are a myriad of applications for users to download from the app store, but there is a limited amount of space on handsets. How does one set their application apart, so users are not constantly downloading and removing your app?

The Approach

Provide users with a positive experience that allows your application to remain a permanent feature on their device. Adding a social element to an online ordering application, so that all aspects of ordering can be accomplished by a single app.

Demonstration

  1. Scan QR code for Table 14
  2. Order the following: Whole Lobster, House Salad, Unsweetened Ice Tea [Medium]
  3. Navigate to Bag
  4. Change from Table 14 to Table 09
  5. Proceed to Checkout
  6. Enter Payment Information [Credit Card]
  7. Complete Order

Toolbox

Adobe
Firefly Illustrator Photoshop
Other
Figma Google Docs

Motivations

It was not enough to design another food ordering application; I intended to provide users with an experience that would drive engagement and app retention on personal devices.

Application Design

Create a food ordering application utilizing the UX Design Process.

Enhance User Engagement

Include a feature that would increase user retention and drive user engagement.

Prototype Creation

Design a high-fidelity prototype for users to navigate and complete a mobile order.

Lessons Learned

Starting out, the goal was to add one feature to a food ordering application that encompassed all aspects of placing a large order in one application. Users would be able to add multiple people to an order, so they could contribute and pay from within one application. One hundred and fifty people were surveyed and a majority were in favor of this approach. This direction lasted up until the high-fidelity prototype, where users surveyed were dissatisfied with the application; they expressed a desire to place one order and use existing messaging and payment applications instead of one application.

Blue Crab was redesigned to feature a QR code ordering feature, that would maintain the social aspect and provide a more familiar approach to ordering. Originally, competitive research was centered around mobile browser restaurants. Later, the application was redesigned around stand alone mobile applications. Testers were able to more quickly and easily navigate the new app, and did not require a first time user flow to establish how to navigate the ordering process.