Goal: Create an app that learns the user’s taste in beers and displays a local listing of beers that match the user’s taste profile. Create a visually engaging way to view and explore all available beer flavors.  Allow users to search for beers, local or not, and get a recommendation on whether they will enjoy it or not.
 
App Flow Map
 
 
 
Wireframes
Design
Grid view for exploring beers by color and bitterness. 
X-Axis: Bitterness (less - more) 
Y-Axis: Beer color (light - dark)
Home Screen:
The home screen provides the user with the most essential information she needs to find a beer she likes. She can pick a local beer from the displayed list  of local beers, or decide get a beer that matches her (in this case 3) flavor preferences — displayed at the top half of the screen — that may or may not be local. This screen can also be shown to a bartender to solicit recommendations.
 
The list of local beers is sorted in three categories: 
- the beer flavor is very similar to established preferences (the user will probably like it).
- the beer flavor profile is somewhat similar to established preferences (the user may or may not like it).
- the beer flavor profile is strongly dissimilar to established preferences and/or matches the user's recorded dislikes (the user will not like it).
 
Swiping down on the home screen will reveal the navigation and search which provides quick access to beers that are consumed but are not featured on the home screen. This enables easy tracking and rating of beers.
Hoppy - Beer App
Published:

Hoppy - Beer App

UI/UX

Published:

Creative Fields