You are on page 1of 25

UX, BABY!

NEW BELGIUM MOBILE APP
UX/UI Documentation | 1/30/13

APPLICATION LOADING

+

LOADING

LOADING

LOADING

LOADING

PERMISSIONS REQUEST

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

Allow Push Notifications
Hear about New Beer Releases first.

Cancel

OK

After downloading the New Belgium Beer Mode application from the app store, a branded icon appears on a users home screen. Upon tapping the icon, the application begins the loading process.

The loading process will incorporate elements of New Belgium branding as well as visual references that help users understand that the application is still in the loading stages.

OK

In order to allow the application to communicate asynchronously with users, enabling notifications will be encouraged.

New Belgium Mobile App

2 / 25

LANDING CAROUSEL 1

+

LANDING SCREEN CAROUSEL

BEER MODE CARD

BER MENU CARD

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

NEW BELGIUM BREWERY
Swipe Left and Right to Explore.

WELCOME TO

BEER MODE
PICK YOUR MODE

BEER MENU
SEE A LIST OF BEERS

BEER MODE

BEER MODE

BEER MODE

Swipe Left and Right to Explore.

NEW BELGIUM BREWERY

Swipe Left and Right to Explore.

NEW BELGIUM BREWERY

Swipe Left and Right to Explore.

NEW BELGIUM BREWERY

Upon entering the app, users are shown a carousel with large cards that represent each section. By swiping between them, users can access each part of the app.

Each card in the carousel has a primary call to action to enter the particular section. Upon tapping the button, users are taken directly to the sectional landing screen.

Each card in the carousel has a primary call to action to enter the particular section. Upon tapping the button, users are taken directly to the sectional landing screen.

New Belgium Mobile App

3 / 25

LANDING CAROUSEL 2

+

REMEMBEER CARD

BEERS NEARBY CARD

LANDING SCREEN CAROUSEL

THE BREWERY CARD

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

BEER LOG
SEE WHAT I'VE HAD

BEER NEARBY
LOOK AT THE MAP

EXCLUSIVE CONTENT
SEE A SNEAK PEAK

THE BREWERY
GET TO KNOW IT

BEER MODE

BEER MODE

BEER MODE

BEER MODE

Swipe Left and Right to Explore.

NEW BELGIUM BREWERY

Swipe Left and Right to Explore.

NEW BELGIUM BREWERY

Swipe Left and Right to Explore.

NEW BELGIUM BREWERY

Swipe Left and Right to Explore.

NEW BELGIUM BREWERY

Each card in the carousel has a primary call to action to enter the particular section. Upon tapping the button, users are taken directly to the sectional landing screen.

Each card in the carousel has a primary call to action to enter the particular section. Upon tapping the button, users are taken directly to the sectional landing screen.

Upon entering the app, users are shown a carousel with large cards that represent each section. By swiping between them, users can access each part of the app.

Each card in the carousel has a primary call to action to enter the particular section. Upon tapping the button, users are taken directly to the sectional landing screen.

New Belgium Mobile App

4 / 25

MENU 1

+

BEER MODE MENU REVEAL

BROWSE BEER MENU REVEAL

BEERS NEARBY MENU REVEAL

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

SUNSHINE WHEAT
BEER MODE BEER MENU BEER BEER MENU LOG BEER NEARBY
NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale.

9

FAT TIRE

BEER MODE

BEER BEER MODE MODE

SUNSHINE WHEAT BEER MENU MENU BEER LOG
BEER BEER LOG NEARBY

FAT TIRE

BEER MENU BEER NEARBY LOG NEARBY BEER
NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale.

EXCLUSIVE CONTENT

NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale.

EXCLUSIVE CONTENT BEER NEARBY

EXCLUSIVE CONTENT BEER NEARBY REMEMBEER?

THE BREWERY

SNOW DAY

THE BREWERY
BROWSE BEERS

RED HOPTOBER

THE BREWERY

By tapping on the menu icon from within each section of the application, a user can access a global menu that helps them to navigate between different features.

New Belgium Mobile App

5 / 25

MENU 2

+

THE MOTHERSHIP MENU REVEAL

THE BREWERY MENU REVEAL

CAMPAIGN CONTENT MENU

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

ALL NEW RAMPART IPA!

EXCLUSIVE CONTENT
BEER MODE MODE BEER

EXCLUSIVE CONTENT
BEER MODE

SPECIAL EVENTS BEER MENU MENU BEER
BEER LOG NEARBY

SPECIAL EVENTS BEER BEER MENU MENU
BEER LOG NEARBY

BEER MODE BEER MENU BEER NEARBY LOG
NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale.

NEW BELGIUM
NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale.

NEW BELGIUM
NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale.

EXCLUSIVE CONTENT BEER NEARBY

CULTURE

EXCLUSIVE CONTENT BEER NEARBY

CULTURE

EXCLUSIVE CONTENT BEER NEARBY

THE MOTHERSHIP BREWERY THE BREWERY

THE BREWERY THE MOTHERSHIP BREWERY

THE BREWERY

New Belgium Mobile App

6 / 25

BEER MODE PARAMETERS + POST PREVIEW

FIRST TIME XP

SELECT MOOD

SET TIME

SET POSTS

CONNECT TO FACEBOOK

iPhone

10:15 PM

iPhone

10:15 PM

iPhone iPhone

10:15 PM

iPhone iPhone
Select Mood Mood

10:15 PM

iPhone iPhone
Select Mood Time

10:15 10:15 PM PM

CONFIGURE BEER MODE

CONFIGURE BEER MODE
10:15 PM

CONFIGURE BEER MODE
10:15 PM

CONFIGURE BEER MODE Set Select
Posts

1
Mood

2
Time

3
Posts

4
Network

Select Mood Mood

1

2 Time 2 Set Time

3 4 to Connect Posts Facebook 3 Select 4 Network Posts

1

2 Time 2 Set Time

3 4 to Connect Posts Facebook 3 Select 4 Network Posts

1
Mood

2
Time

3
Posts

to 4 Connect Facebook

4

Network

HOW BEER MODE WORKS Beer Mode Lets you sit back, relax, and knock back a couple cold ones without worrying about posting anything to Facebook. Simply Select a mood and a time limit and Beer Mode will share interesting content and reply to your friends when the post is commented on.

POST #1

Chop your own Wood and it Will Warm You Twice. Words of wisdom to live by. http://bit.ly/dfi395df
POST #2

Chop your own Wood and it Will Warm You Twice. Words of wisdom to live by. http://bit.ly/dfi395df
POST #3

Chop your own Wood and it Will Warm You Twice. Words of wisdom to live by. http://bit.ly/dfi395df
REPLY #1

f

CONNECT TO FACEBOOK

1
MOOD

2
TIME

3
POSTS

4
NETWORK

R

CHEESY UNCLE
Snarky attitude, slightly inappropriate.

MUN A
Boring lazy

90 MIN

30

120

Chop your own Wood and it Will Warm You Twice. Words of wisdom to live by. http://bit.ly/dfi395df
REPLY #2

CONNECT TO TWITTER

Chop your own Wood and it Will Warm You Twice. Words of wisdom to live by. http://bit.ly/dfi395df

YEP GET STARTED

YEP SELECT MOODS

SET TIME

APPROVE POSTS

YEP

?

GET STARTED

SELECT MOOD

SET TIME

SET POSTS

CONNECT TO NETWORK

After navigating to Beer Mode, users see a small introduction explaining how the feature works. They tap the 'get started' button to select a mood.

After navigating to Beer Mode, users are asked to select several overall moods of the posts that beer mode will make. They do so by swiping left and right between each mood, and tapping 'select mood' when satisfied.

The next step in Beer Mode is to set a time limit. Users can select between 30, 60, 90, and 120 minute increments. Each time limit corresponds to a number of beers consumed. When satisfied, users tap 'set time'.

The final step in Beer Mode is to preview and approve the posts that are slated to be published to Facebook or Twitter. By sliding the switch attached to each post up and down, users can turn the post on and off.

Users must allow Beer Mode to access and post to their Facebook account before beginning. A short snippet explaining the privacy policy will help to bolster trust with users.

New Belgium Mobile App

7 / 25

CONNECT TO NETWORKS

+

CONNECT TO FACEBOOK

BEER MODE LANDING MESSAGE

BEER MODE LANDING MESSAGE

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

YOU ARE NOW IN BEER MODE. ADIOS, TEDIUM!

CONNECT

SIGN IN

New Belgium Mobile App

8 / 25

BEER MODE POST PREVIEW

+

MENU HIDES AUTOMATICALLY

SWIPE UP OR TAP TO REVEAL MENU

SWIPE TO VIEW BEER MODE POSTS

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

YOUR FIRST POST

Chop your own Wood twice.

COM

COMMENT FROM JO MOORE

REPL

Chop your own Wood and it Will Warm You Twice. Words of wisdom to live by. http://bit.ly/ dfi395df

of wisdom to live by. dfi395df

That is a really insightful article. I don't really know what Beer Mode...

01:28:34

01:26:45

By default, the menu in Beer Mode is hidden in order to show off more of the beer. By swiping up or tapping the screen, the menu is revealed.

BEER BEER MODE MODE POST POST #2 #2

Chop your own Wood and it Will Warm You Twice. Words of wisdom to live by. http://bit.ly/ dfi395df

Users can see the content that is being posted to their social network by swiping through previews of each post, comment, and reply that has taken place.

New Belgium Mobile App

9 / 25

EXITING BEER MODE

+

BEER MODE MENU

CANCEL BEER MODE

CONFIRM CANCEL

LANDING SCREEN CAROUSEL

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

SLIDE TO EXIT

SLIDE TO EXIT

Are you sure you're ready to use your phone, pal? Cancel Yes

NEW BELGIUM BREWERY
Swipe Left and Right to Explore.

WELCOME TO

00:57:45

BEER MODE

When a user decides to exit their Beer Mode session, they are forced to complete an elaborate spoof on the typical 'slide to unlock' metaphor found on iPhones by moving the slider along a convoluted maze.

SLIDE TO EXIT

Yes

After exiting Beer Mode, users are returned to the landing page carousel shown on the launch of the application.

If a user has remained on the exit maze screen for 15 seconds without successfully completing the maze, they will be prompted with this dialog window.

New Belgium Mobile App

10 / 25

BEER MODE AUTO POST, COMMENT, AND REPLY

+

POST + COMMENTS + REPLY WITHIN FACEBOOK

POST DISPLAYED WITHIN BEER MODE

COMMENT DISPLAYED WITHIN BEER MODE

REPLY DISPLAYED WITHIN BEER MODE

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

YOUR FIRST POST

Chop your own Wood twice.

COM

COMMENT FROM KEVIN PECKHAM

YOUR

YOUR REPLY

REPL

I have to agree with Roger Scruton, Lord Russell's A History of Western Philosophy is elegantsly written and witty...

of wisdom to live by. dfi395df

Since when did you start reading philosophy?

Som deep

of wisdom to live by. dfi395df

Sometimes you gotta dig a little deeper for the pony, my friend.

01:28:34

01:26:45

01:26:45

New Belgium Mobile App

11 / 25

BEER MODE AUTO POST, COMMENT, AND REPLY

+

POST + COMMENTS + REPLY WITHIN FACEBOOK

POST DISPLAYED WITHIN BEER MODE

COMMENT DISPLAYED WITHIN BEER MODE

REPLY DISPLAYED WITHIN BEER MODE

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

YOUR FIRST POST

Chop your own Wood twice.

COM

COMMENT FROM ALBERT BROOKS

YOUR

YOUR REPLY

REPL

Head over to the Gin Tank tonight, kids. I'm playing bass for Synchronized Whisper. Doors at 8.

of wisdom to live by. dfi395df

So... where the hell is the "Gin Tank?"

Som deep

of wisdom to live by. dfi395df

Nothing ventured, nothing gained.

01:28:34

01:26:45

01:26:45

New Belgium Mobile App

12 / 25

BEER MODE AUTO POST, COMMENT, AND REPLY

+

POST + COMMENTS + REPLY WITHIN FACEBOOK

POST DISPLAYED WITHIN BEER MODE

COMMENT DISPLAYED WITHIN BEER MODE

REPLY DISPLAYED WITHIN BEER MODE

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

YOUR FIRST POST

Chop your own Wood twice.

COM

COMMENT FROM SARAH FAYE

YOUR

YOUR REPLY

REPL

Am I the only one opposed to the utterly facetious rambling of the more extreme of the antidisestablishmentarians and...

of wisdom to live by. dfi395df

I think you're the only one who knows what that even means.

Som deep

of wisdom to live by. dfi395df

Keep talkin', sweet cheeks!

01:28:34

01:26:45

01:26:45

New Belgium Mobile App

13 / 25

SOCIAL NETWORK DISCLOSURE

+

HOW A POST LOOKS ON FACEBOOK

HOW A POST LOOKS ON TWITTER

New Belgium Mobile App

14 / 25

BEER MODE FACEBOOK PAGE

+

APP PAGE ON FACEBOOK

iPhone

10:15 PM

DOWNLOAD THE NEW BELGIUM BEER MODE APP
VIEW IN APP STORE ▶

NEW BELGIUM BREWERY
Swipe Left and Right to Explore.

WELCOME TO

TIME SPENT IN BEER MODE

BEER MODE
FEED OF BEER MODE POSTS

New Belgium Mobile App

15 / 25

SYSTEM LOGIC

+

1 2 3 4

Beer Mode can last for up to 2 hours in thirty minute increments.

Beer Mode will create a new post every 30 minutes.

If a Beer Mode post has been commented on, up to 5 replies can be added to the original post.

A reply is added to the original post every 5 minutes.

POST #1
02:00:00

1

UP TO 5 REPLIES 2 3 4

5

POST #2
01:30:00

1

UP TO 5 REPLIES 2 3 4

5

POST #3
00:01:00

1

UP TO 5 REPLIES 2 3 4

5

POST #4
00:30:00

1

UP TO 5 REPLIES 2 3 4

END
5 00:00:00

01:55 01:50 01:45 01:40 01:35

01:25 01:20 01:15 01:10 01:05

00:55 00:50 01:45 01:40 01:35

00:25 00:20 00:15 00:10 00:05

New Belgium Mobile App

16 / 25

BEER MENU + FILTERS

+

BER MENU CARD

SINGLE BEER

ADJUST FILTERS

CONFIRM FILTER

FILTERED BEER BROWSER

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

SUNSHINE WHEAT
BEER MODE

8

MALT HOPS

-

+

MALT HOPS IBU ABV ABV AGE AGE CAL CAL SCORE

-

+

RANGER IPA
+ +

8

-

+

FAT TIRE BLUE PADDLE 1554
MENU

9

ABV AGE

-

+

1554
+ +

9

BEER BEER MENU MENU BEER LOG NEARBY BEER ?

-

+

BEER MENU

CAL SCORE

-

+

EXCLUSIVE CONTENT SEENEARBY A LIST OF BEERS BEER NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale. THE BREWERY BEER MODE

-

+

-

+

FILTER

FILTER BEER

2 BEERS MATCH

MENU

FILTER

BEER MENU

FILTER

Users can see the various beers that New Belgium currently offers by navigating to the Beer Menu section of the application. In order to sort the beers based on ingredients, a user will tap on the 'filter' button.

+

After modifying the sliders that pertain to each beer ingredient, a user is shown the number of beers that match their current selection. After tapping the confirm icon, they are returned to the beer menu with a subset of the total beers displayed.

A user can view the subset of the total New Belgium beers based on the ingredient parameters that they selected when they return to the menu.

New Belgium Mobile App

17 / 25

SINGLE BEER

+

SINGLE BEER LANDING SCREEN

IBU INFOGRAPHIC

ABV INFOGRAPHIC

CALORIES INFOGRAPHIC

Beer Page Contents 1
iPhone 10:15 PM iPhone 10:15 PM iPhone 10:15 PM iPhone 10:15 PM

Name Description Birthday Raw Materials ABV IBU Original Gravity Terminal Gravity Color Video / Photo Remembeer? Pour Me Another

2 3
600

SUNSHINE WHEAT
Goes Great with These Three Beer Modes:

INTERNATIONAL BITTERNESS UNITS (IBU's)

PHILOSOPHY

SMART

CHEESY UNCLE

Sunshine Wheat is a great beer for trouncing thirst. Yet, it has a depth of character that inspires a quiet moment's reflection.

14
0

ALCOHOL PERCENTAGE BY VOLUME (ABV)
12

TOTAL CALORIES

4.8
0 90 0

143
0

4 5
Target

HOPS MALTS

Pale, Carapils, Wheat

6 7 8 9 10

ALCOHOL PERCENTAGE BY VOLUME (ABV) INTERNATIONAL BITTERNESS UNITS (IBU's)
SUNSHINE WHEAT

TOTAL CALORIES
600

4.8

12%12

SUNSHINE WHEAT

143
01%0

FRUIT/ SPICE

Orange Peel, Coriander SUNSHINE WHEAT

SUNSHINE WHEAT
0

After selecting a single beer from the menu, a user is taken to a page that displays the pertinent information of each beer in a more visual manner.

An infographical approach helps user visualize how the ingredients of a particular beer stacks up compared to all other beers.

11 12

New Belgium Mobile App

18 / 25

SINGLE BEER, CONTINUED

+

INGREDIENTS INFOGRAPHIC

INGREDIENTS INFOGRAPHIC

BREWER INTERVIEW VIDEO

RATE BEER / RELATED BEER

iPhone

10:15 PM

AROMA

iPhone

HOPS MALTS FRUIT/ SPICE BODY AROMA

Target

Fruity, herbal aroma with a sweet and tart citrus nose and flavor. Gentle wheaty characteristic with no hop aroma/flavor.

10:15 PM

iPhone

apple and honey and sage Slightly tart and tangy.

10:15 PM

iPhone

10:15 PM

REMEMBEER
1 10

Pale, Carapils, Wheat

VISUAL

I'VE HAD THIS BEER!

Orange Peel, Coriander

FLAVOR
Orange Peel, Coriander Fruity, herbal aroma with a sweet and tart citrus nose and flavor. Gentle wheaty characteristic with no hop aroma/flavor.

Huge spicy/herbal/ fruity coriander flavor brought out by the beer’s carbonation. Subtle orange and lemon, rounded malt character with little bitterness- bitter orange zest. Slightly sweet with a hint of apple and honey and sage Slightly tart and tangy. SUNSHINE WHEAT

LEARN ABOUT THIS BEER FROM THE BREWER

POUR ME ANOTHER

VISUAL

VISUAL

SUNSHINE WHEAT

SUNSHINE WHEAT

SUNSHINE WHEAT

New Belgium Mobile App

I

MOUTH FEEL

Light crisp carbonation with a clean and fruity finish.

Light and sunny yellow with a slight sheen (halo-due to wheat addition), white lacing and creamy head.

19 / 25

RATING A NEW BELGIUM BEER

+

CREATE BEER RATING

ADD NOTES

CONFIRM BEER RATING

SHARE CONFIRMATION

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

REMEMBEER
1 10

HOW DID YOU LIKE THIS BEER? |

HOW DID YOU LIKE THIS BEER?
▶ ▶

1554
REMEMBEER

9
9

Sunshine Wheat
1

8
10

Sunshine Wheat
1

8
10

I'VE HAD THIS BEER!

POUR ME ANOTHER

VISUAL

SUNSHINE WHEAT

I'VE HAD THIS BEER!

If a user has tried a particular New Belgium beer, they are encouraged to rate it and add notes explaining their thoughts about the beer.

New Belgium Mobile App

I I

CANCEL

SAVE TASTING NOTES

Would you like to share this Rating to your Facebook timeline?

Q W E R T Y U I O P
ADD TASTING NOTES

A S D F G H J K L Z X C V B N M

This is my This is my opinion about opinion what I think is the mostabout what I think is amazing beer in the the whole most world. It just plain rocks. amazing beer... Sunshine Wheat is the best. EDIT

No

Yes

NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale.

RATE BEER

.?123

space

return

RATE BEER

EMAIL

FACEBOOK

ADD TASTING NOTES

SAVE TASTING NOTES

Yes

20 / 25

REMEMBEER

+

REMEMBEER

VIEW / SHARE RATING

EDIT RATING

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

REMEMBEER

VIEW

SUNSHINE WHEAT
BEER LOG

9

HOW DID YOU LIKE THIS BEER?
Sunshine Wheat
1

9
VIEW

NOTES: This is my opinion about what I think is the most amazing beer in the whole world. It just plain rocks. Sunshine Wheat is the best.

9

8
10

VISUAL

POUR ME ANOTHER

SUNSHINE WHEAT

New Belgium Mobile App

I

EDIT

I

EDIT
This is my This is my opinion about opinion what I think is the mostabout what I think is amazing beer in the the whole most world. It just plain rocks. amazing beer... Sunshine Wheat is the best. EDIT

NOTES: This is my opinion about what I think is the most amazing beer in the whole world. It just plain rocks. Sunshine Wheat is the best.

?

BEER LOG

RATE BEER

21 / 25

BEER NEARBY

+

BEER NEARBY CARD

LOCATION PERMISSIONS

BEER NEARBY

EDIT BEERS SHOWN

EDIT DISTANCE

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

DRAFT BEER PACKAGED BEER
Access Current Location BEER MODE

Provide your location to see the New Belgium Beer nearest to you.

1554 Sunshine Wheat Blue Paddle Fat Tire Red Hoptober

BEER MENU BEER NEARBY

Cancel

OK

BEERS NEARBY

EXCLUSIVE CONTENT LOOK AT THE MAP BEER NEARBY NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale. THE BREWERY BEER MODE
BEER NEARBY

MILES
ALL ON ALL OFF
1 MILE

75

0

100

DISTANCE

Snow Day

BEER NEARBY

OK

After allowing the application to access the phones location data, a user can see the places that sell New Belgium based on the distance in miles from their current location.

Users can modify the New Belgium beers that are available at a particular location, as well as the form of beer being sold, by tapping on the options icon from within the default maps view.

Users can use the distance slider to modify the locations that are displayed in the map.

User can also modify the locations that are displayed based on the distance from where they are currently at. This setting requires that a user authorize the application to access the phones location data.

New Belgium Mobile App

22 / 25

BEER NEARBY LOCATION

+

BEER NEARBY

LOCATION DETAIL

OPEN LOCATION IN MAPS

CALL LOCATION

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

THE WEST END TAVERN
1198 Pearl St. Boulder, CO 80302
▶ ▶

Open In Maps Application
Would you like to see this in maps?

Would you like to call this number?

Tapping on the phone icon calls the location from within a users default phone application.

Cancel

OK

DETAILS

BEER NEARBY

After accessing the Beers Nearby feature, users can find locations that sell either packaged or draft New Belgium Beer. By clicking on a bottle, a detailed view is displayed.

The detailed view of a location that sells New Belgium beer includes the ability to open the location in a users default maps application, or call them directly. It also shows which beers the location is currently serving.

New Belgium Mobile App

Tapping on the map icon from within a location detail screen launches the location address within a users default maps application.

THE WEST END TAVERN
1198 Pearl St. Boulder, CO 80302

THE WEST END TAVERN
1198 Pearl St. Boulder, CO 80302

Call (303) 290-3949

Cancel

OK

BEER NEARBY

23 / 25

EXCLUSIVE CONTENT

+

BER MENU CARD

SINGLE BEER

SINGLE BEER LANDING SCREEN

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

RAMPANT IPA LAUNCH
BEER MODE

4 DAYS, 12 HOURS & 34 MINUTES 8 DAYS, 12 HOURS & 34 MINUTES 8 DAYS, 12 HOURS & 34 MINUTES

RAMPANT IPA LAUNCH
4 DAYS, 12 HOURS & 34 MINUTES
Rampan IPA is a great beer for trouncing thirst. Yet, it has a depth of character that inspires a quiet moment's reflection.

SOMETHING SPECIAL! SOMETHING SPECIALER! A THIRD SPECIAL

BEER MENU BEER BEER LOG NEARBY

BEER MENU

EXCLUSIVE CONTENT SEENEARBY A LIST OF BEERS BEER NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale. THE BREWERY BEER MODE

8 DAYS, 12 HOURS & 34 MINUTES EXCLUSIVE CONTENT

SUNSHINE WHEAT

EXCLUSIVE CONTENT

RAMPANT IPA LAUNCH

4 DAYS, 12 HOURS & 34 MINUTES

New Belgium Mobile App

24 / 25

THE BREWERY

+

LANDING SCREEN

CONTACT INFORMATION

EXCLUSIVE CONTENT

DETAILED CONTENT STORY

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

iPhone

10:15 PM

BEERS CONSUMED

84%
BEER MODE

BOOK A + Hoppy Amber TOUR SPECIAL EVENTS
NEW BELGIUM

HIGHEST RATED

NEW BELGIUM BREWERY
500 Linden Street, Fort Collins, CO

SPECIAL EVENT 1
New Beer Release on February 15th!

SPECIAL EVENT 1

2/15/13

(970) 221-0524
hello@newbelgium.com

BEER MENU BEER NEARBY

THE BREWERY

EXCLUSIVE CHECK ITCONTENT OUT NOTES: Saccharification, hop back bung pub. Shelf life cask conditioned ale. THE BREWERY BEER MODE

CULTURE
THE BREWERY
CONTACT

TWITTER

FACEBOOK

LEARN MORE

Mead lagering pitch heat exchanger draft draught. Bottle conditioning, amber dry stout trappist mouthfeel sour and acidic rest.

CONTACT EXCLUSIVE INFORMATION CONTENT

75%

BEER MODE

SPECIAL EVENTS

EXCLUSIVE CONTENT SPECIAL EVENT 1

75%

THE BREWERY

CONTACT

After navigating to The Brewery section, users can access New Belgium contact information including address, phone number, email, Twitter, and Facebook.

LEARN MORE
Users can also access exclusive content through The Mothership section of the application. This includes things like new beer releases and promotional campaign content. Each piece of promotional content can be shared to a users Facebook timeline.

SPECIAL EVENTS

New Belgium Mobile App

25 / 25