Grape
Challenge

The world of wine can feel overly complicated and daunting to fellow amateurs. The immense number of options makes it difficult to determine what wines I like or dislike and it’s so disappointing to order  a glass of wine that lets me down.

Concept

Provide an easy-to-understand breakdown of the different types of wine on an app. Use a quiz and the user's personal wine ratings to guide them to their general preferences. Include fun facts and games to help them broaden their wine knowledge.

Research

Through interviews, competitive analysis and personas, I started to get a better understanding of what users wanted to see from this app and how it could compete with others on the market.

Personas

Personas allow me step outside my own personal preferences in an app and consider the intended audiences. In this case, it helped me hone in on those who may want an app not because they themselves love wine but because they simply want to be more knowledgeable in social settings.  With this in mind, I added informational games to the app to help engage this consumer and satisfy their needs.

Brand Guidelines

Before venturing too far into design I always make a guidelines to inform the designs. This ensures they are consistent across the screens which is key to making a recognizable brand.

UI Specs

The final app aims to be fun and approachable for wine lovers of all levels. The bright colors and friendly text makes it clear that this app is not just educational, but fun too!

User Testing

5 students agreed to participate in user testing of this app. I cut the printed app screens out of paper (as I had not yet become familiar with Figma). I then tasked the students with various missions to complete on the app, for example, accessing your flavor profile or exploring the different grapes. I watched closely as they performed these tasks and noted any spots they struggled to intuitively know which button to press to access the screens they wanted. I went back and revised the screens according to these notes, ensuring a more positive user experience for the future!

ADA

Over 8% of Americans are visually impaired. This app was built with this in mind and through the use of color contrast, font size and screen reader friendly coding, I aimed to make this app accessible for all. The original design contains flaws in contrast for people with low vision which is why, if this app ever were to get developed, I would prioritize creating an ADA version that users would be prompted to toggle on or off when they first launch the app (and have the option of adjusting later in the Settings section as well).