Simple website

A website was created to promote and inform people how the app works. Throughout the design elements would carry through to help navigate the person for when they start creating a route for themselves.

03-Landing-page

 

Easy sign-up

The app uses the Facebook API to quickly access vital information such as birth date (for legal reasons) to get people up and running as quickly as possible. Alternatively people can also create an account using their email address.

Wellington craft beer app sign-upWellington craft beer app add your phone number

Build an optimized route

Quickly research Wellington craft beer venues, check reviews and create a route on-the-go using an intelligent route optimisation algorithm. Get instant feedback on the number of venues you plan to visit and the total walking distance.

Wellington craft beer app select venuesWellington craft beer app venue pop-up

Get directions and track progress

The app leverages the power of Google Maps. Along with automatic check-ins you can track your progress and even get directions (and more importantly distance information) to the next venue.

Wellington craft beer app directions map viewWellington craft beer app directions list view

Communicate with others

Team members can easily communicate (text & call) with each other throughout the beer tour. The app uses the phone’s built-in calling and text functionality so people can reach out to others in the group and see who else is on the tour as well.

Wellington craft beer app teamWellington craft beer app contact team member

Group message (organiser only)

The organiser has the ability to send group text messages to everyone on the tour. A simple message that gives people a heads-up and mentions the name of next bar to visit.

Wellington craft beer app team group messageWellington craft beer app contact text message

Rough sketches

I’ll be the first to admit these sketches aren’t very attractive, however they are are great way to get ideas down quickly and test designs before jumping into Photoshop to start producing finished designs.

Wellington craft beer app rough sketches

User flows

Simple user flows were created to determine all the required screens within the app. The user flow below shows the steps required for someone signing up to use the app for the first time.

Wellington craft beer app sign up user flows

iPhone mockup

Here’s a quick mock-up of how I intend the the final design to look on an iPhone. If you are curious about why the venue is a image of a dog, his name is Bruce and he’s a regular at The Rogue & Vagabond.

Wellington craft beer app iPhone mockup