pubcrawl mobile application

25
PubCrawl Design for Mobile Application Daniel Heinlein & Kendal Sparks December 2014 - Present

Upload: daniel-heinlein

Post on 13-Aug-2015

21 views

Category:

Social Media


0 download

TRANSCRIPT

Page 1: PubCrawl Mobile Application

PubCrawlDesign for Mobile Application

Daniel Heinlein & Kendal SparksDecember 2014 - Present

Page 2: PubCrawl Mobile Application

Heinlein & Sparks | 2

Table of Contents

App Definition Statement

Personas

Competitive Analysis

Style Sheet

Icon Sketches

Icon Hi-Fi

App Sketches

App Wireframes

App Hi-Fi

Prototype

Future

Bibliography

3

4

7

9

10

11

14

16

19

20

21

22

Page 3: PubCrawl Mobile Application

Heinlein & Sparks | 3

App Definition Statement

Concept Target Audience

Tone

For many adults, a night out is hindered not by orchistrating a meet up with friends, but deciding where to go. Many nights are settled on the usual local bar, or using a search engine to find a random locale. While there are many applications that are great at finding single destinations, there is no application that can create a night out that’s catered to the user’s desired type of bar.

The PubCrawl application will be able to provide users with the ability to plan a night out, catered specifically to the desired type of bar or pub the user is interested in. By deciding with criteria such as distance, atmosphere, theme and price, iPhone users will finally have an opportunity to have their night planned with ease.

Sleep mode deactivates the GPS navigation during the crawl, allowing for less battery usage, which any iOS 8 user can now monitor in the iOS settings option.

The target user audience are adults, older than 21, who are active, social, and enjoy city night life. Pewinternet.org identifies that 58% of adults own a smartphone, and 49% of those users interact with their phone for directions, recommendations, or other location-based information.

The application is intended to be a utility tool for users, where they can select many criteria with little interference by the UI. The design will follow the iOS 8 menu, allowing users to interact with a UI they are accustomed to.

Page 4: PubCrawl Mobile Application

Heinlein & Sparks | 4

Personas

Keith Stone - The StudentAge: 23

Occupation: StudentHome life: Lives in a dorm with one roomate.

Keith is a film student studying film and video at USC. Keith is an avid partier when not focused on school, and loves to go to different bars to meet friends and drink for fun. Keith also has a fondness for internationally renowned beers, as well as imported beers, and jumps at the chance to try new types of beers and hard liquors.

- Loves to party - Loves interacting with bartenders and getting to know them.- Enjoys working with technology that suits his passions.- Keith wants an app that gives him enough direction to have a fun night out at local pubs.- Wants to know where the newest imported beers are showcased.

“I would like a way to explore different bars, trying new kinds of international beers.”

Page 5: PubCrawl Mobile Application

Heinlein & Sparks | 5

Personas

Jeff Bynum - The BartenderAge: 34

Occupation: Bartender at Clevver Dunne’sHome life: Father of two, divorced and remarried.

Jeff is a bartender at the local Seattle pub, Clevver Dunne’s. Jeff needs an app that he can share with his friends when he’s not working, as well as look at other local pubs that he could possibly partner with in the future.

- Loves the city and it’s people- Loves interacting with the customer and getting the customerwhat they need on a day to day basis- Enjoys working with technology that suits his buisness- Jeff wants an app that shocases pubs and bar that he can also share with his friends or family.

“I know some bars, but I’m always looking for more. I just want a quick way to find new ones.”

Page 6: PubCrawl Mobile Application

Heinlein & Sparks | 6

Personas

Meav Kelly - The FiddleAge: 27

Occupation: MusicianHome life: Has a home in Dublin, touring the states with her band.

Méav is a musician that lives in Dublin, Ireland, but is visiting the United States on tour as a fiddler. In her social time, Méav enjoys going to any Irish Pub nearby to see if they are up to her standards as a true Ireland native.

- Likes to frequent local Irish Pubs.- Loves to take out her fiddle and play at nightly events.- Wants an app that gives her clear instructions on where to find Irish Pubs, as well as give reviews and customer feedback.

“Finding Irish pubs in new towns can be hard. It would be nice to have them pointed out.”

Page 7: PubCrawl Mobile Application

Heinlein & Sparks | 7

Competitive Analysis

Zomato - FreeZomato is a restaurant and event locater for areas in different countries, and is one of the competitors with our app design. Zomato has been noted to be a popular spot to look for different restaurants and locations for events. Users have a number of tabs they can choose from, each tab has their own theme. Zomato has a sleek design and a parrallax scrolling system, which shows moderninity as well as complexitiy. It is easy to navigate and has a solid color scheme to ensure a pleasant user experience.

Page 8: PubCrawl Mobile Application

Heinlein & Sparks | 8

Competitive Analysis

Elbatrop Find Pubs and Bars Lite - FreeElbatrop is a site that showcases apps for different sorts of companies, as well as producing solid wayfinding apps for them. This personal app is called Elbatrop Pub. The app helps people find pubs for their social activities in a distance radius. The deisgn leaves much to be desired, and uses google maps heavily.

Page 9: PubCrawl Mobile Application

Heinlein & Sparks | 9

Style Sheet

Typography Icon Colors Application Colors

Big Caslon Medium

Helvetica Neue

Page 10: PubCrawl Mobile Application

Heinlein & Sparks | 10

Icon Sketches

Page 11: PubCrawl Mobile Application

Heinlein & Sparks | 11

Icon Hi-Fi

Page 12: PubCrawl Mobile Application

Heinlein & Sparks | 12

Sketches

Page 13: PubCrawl Mobile Application

Heinlein & Sparks | 13

Sketches

Page 14: PubCrawl Mobile Application

Heinlein & Sparks | 14

Wireframe

Landing Page Main Menu Pages

Page 15: PubCrawl Mobile Application

Heinlein & Sparks | 15

Wireframe

In Menu Pages Map Pages

Page 16: PubCrawl Mobile Application

Extended Wireframe

Page 17: PubCrawl Mobile Application

Extended Wireframe

Page 18: PubCrawl Mobile Application

Heinlein & Sparks | 18

Hi-Fi

Page 19: PubCrawl Mobile Application

Heinlein & Sparks | 19

Hi-Fi

Page 20: PubCrawl Mobile Application

Heinlein & Sparks | 20

Hi-Fi

Page 21: PubCrawl Mobile Application

Heinlein & Sparks | 21

Prototypes

marvelapp.com/109i1fe

marvl.in/250e15Old

New

Page 22: PubCrawl Mobile Application

Heinlein & Sparks | 22

Mobile Web Hi Fi

Page 23: PubCrawl Mobile Application

Heinlein & Sparks | 23

Mobile Web Hi Fi

Page 24: PubCrawl Mobile Application

Heinlein & Sparks | 24

Mobile Web Hi Fi

Page 25: PubCrawl Mobile Application

Heinlein & Sparks | 25

Bibliography

Images and Informationwww.totalguidetobath.com/images/content/STOCK-IMAGES/EATING-and-DRINKING/beer.jpg

media.royalcaribbean.com/content/shared_assets/images/ports/hero/SEA_01.jpg

1.bp.blogspot.com/--EWDmFlEalM/UEo5dq30n5I/AAAAAAAAGWk/jnOsIm34XgA/s1600/selfie+sept+2012.JPG

www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/

9to5mac.files.wordpress.com/2014/11/screenshot-2014-11-03-07-34-35.png

elevatehq.com.au/wp-content/uploads/2014/09/customizability_top_large_2x.jpg

apple.com

developer.apple.com