Veggie Grill App

Personal Project

Project type

Visual Design refresh and minor UX core flow updates

Role and team

UI / UX Designer

Project scope

  • 7 days

  • January 2017

Skills used

  • Design thinking

  • Content strategy

  • Wireframing

  • Prototyping

  • Visual design

Introduction

As a resident of the Bay Area for almost 6 years, I've realized there is no shortage of delicious food options that ultimately take their toll on the waistline. Fortunately, there are plenty of healthy options in which to indulge as well. One of my favorite options is Veggie Grill, a purely vegetarian franchise founded in 2007 around the Santa Monica area. With so many choices across a variety of cuisines, Veggie Grill's popularity has been on the rise in recent years. Although their food options feature range and versatility, the same can't be said about their mobile app. 


Key context

Unfortunately, the current design's features, task flows, and lack of visual style leave much to be desired. It appears as if the overall structure of the app is just housed within some kind of template, with the opportunity to style certain elements such as the header, some fonts, and minor iconography.

Problems, opportunities

In short, the app is outdated and is difficult to use, let alone look at. The vibrant nature and progressive style of food don't seem to align and resonate with the app experience. The problem seems to be three-fold, needing heavy care towards the UX, UI, and Visual Design. Within this project, I chose to focus on brief UX issues and focused mainly on the latter two disciplines. 

Core requirements

  • Infuse character and personality into the visual design

  • Establish purpose and intention to the overall design

So, what’s the plan?

Because there were a number of issues to potentially tackle, I wanted to focus my intentions and establish some overarching mentalities in which to approach the problems. In short, I wanted to find a way to infuse character and personality into the visual design, while establishing a more deliberate purpose and intentionality. Much of the current app seems to lack any kind of structure, rule, or cohesiveness.

Approach


Defining a style

Although the current design makes moderate efforts to mildly stylize the interface, it's a far cry from what is possible. Removing their rustic, themed font and replacing it with Source Sans Pro, a much more legible and functional option was a necessity. Then, adding a more diverse color palette that relates to their brand colors created more options in which to accent and accentuate graphic details. Finally, inserting iconography and illustrations really ads a splash of fun and personality into the entire tone and aura of the app.

Solution


Solution

Updated Screens

Previous
Previous

Personal | ESPN App - Gamecast