Shake Eats

Overview

Earlier this year, i completed a certification in Visual Elements of User Interface Design taught by the California Institute of the Arts via Coursera. Our assignment was to design a mobile app with a customized interface and a unique look and feel for a very specific audience. Over the course of a month, I chose to design a mobile app for vegan foodies in NYC and titled it 'Shake Eats'.

Shake Eats is a mobile app that allows vegan foodies in NYC to find decadent desserts in their area. ShakeEats is all about accessibility and finding ‘veganized’ versions of their favorite over the top sweets close by. Users will be able to filter shops/restaurants by their current/specific location or borough and place orders for delivery or pickup.

Discovery

Ideation

Concepting

Moodboarding

UX & Research

User Persona

User Flow Diagram

Design

Wireframes

High Fidelity Design

Design System

Prototype

Building functional

prototype

User Persona

Demographics

  • Name: Amelia Lopez
  • Age: 29 Years Old
  • Location: NYC
  • Archetype: The Vegan

Personality

Bio

Amelia Lopez is a new vegan looking to find dessert options while she adapts to her new lifestyle. Browsing through some food apps she has installed, she finds the variety of options available to her very underwhelming. Alongside her new dietary restrictions as a vegan, she's also allergic to soy. She can't seem to find more information on what kind of ingredients are being used in products.

Frustrations

• Product ingredients not clearly listed

• Allergic to alot of vegan substitutes

• Lack of options

Goals

• Find options nearby

• Be able to find information on ingredients

• Be able to keep track of new favorites

User Flow Diagram

Wireframes

Design System

Colors

Fonts

Font Family

Omnes

Styles

  • Bold
  • Semi-Bold
  • Regular

Typography

UI Elements

SignUp Process

Prototype

Reflection

Working on this project allowed me to branch out in terms of creativity. I explored color schemes and playful typography i wouldn't typically use on client projects. More importantly, I learned more about finding the balance between functionality and aesthetics. The course let me explore the principles of interaction theory, the relationship between UI and UX, and the relationship between coding and designing.

Browse Projects