Wine Board New York 2017 by kerke

WINE BOARD NEW YORK THE CITY WINE APP

Connects you to your favorite wines with the restaurants that serves them in your city.

NYC

THE PRODUCT PROCESS BOOK

COMPETITOR REVIEW APP PROPOSAL SCREEN DESIGN

COMPETITORS REVIEWED: CADENT WINECELLAR EXPERT WINE CELLAR WINE SPECTATOR MOBILE VINOTEKA VIVINO WINE

MIN VINKÃ&#x201E;LLARE

FIVE ELEMENTS STUDY

SITE MAP

MIN VINKÄLLARE

( LITTLE WINE COOLER )

WITH SOCIAL MEDIA + EMAIL

4 MAIN MENUS

COMPETITOR TITOR STRATEGY

A beautiful elitist app to establish a social media presence in Sweden. (The government controls the retail of all alcoholic beverages)

SCOPE

STRUCTURE

SKELETON

SURFACE

Function as a beautiful sophisticated storefront $, search engine, social media and responsive board.

Content sharing service.

Folder tabs interface for content sharing service

Big store front visual: curved edges, dark grey background, 4 different bright colors tabs for each subject panel.

 menus for social media; i.e. user’s responsibility, news board for wine education and “Sommelier” tips.

 search engines for user’s connections, palettes, menus + purchases, wine based friends.

 menus for social media and teaching user responsibility.

 4/c photos of product

advertising on white boards, san serif black text, blue facebook color highlights for names and bottle rates. Sleek design. Orwellian.

YOUR WINE CELLAR  3 MENUS

WINE FRIENDS  4 MENU PANELS

INSPIRATION  6 MENU PANELS

VISUAL WINE CELLAR  Click on Any Bottle to Go to Brand Page

HAPPY AMATEUR  Edit Menu Events Lookup Recent Purchases All buttons

MAIN BRAND VISUAL  Click for Store Purchase $

SEARCH STORE MENU 

8 MENU BRAND PAGE  What Others Say User Notes Share Notes 1 Wine Bottle Rating/Messaging Similar Wines Your Ratings Store Purchases WINE LISTING  by Name, Land District, Providence, Age, Price, Volume Click on Any Bottle to Go to Brand Page

SEARCH MENU 

MAILBOX  Messages

RATING + COMMENTS  S OMMELIER RESPONDS  Ask a Question Button LAST WINE COMMENTS 

WINE FRIENDS  Search LAST ADDED FRIENDS MESSAGES WITH VISUAl  Click on Any Bottle to Go to Brand Page 8 MENU BRAND PAGE  What Others Say User Notes Share Notes 1 Wine Bottle Rating/Messaging Similar Wines Your Ratings Store Purchases

FOOD + WINE TIPS  Visual of Bottle Information + Price Plus Recipes WHAT’S HOT  Click on Any Bottle to Go to Brand Page 8 MENU BRAND PAGE  What Others Say User Notes Share Notes 1 Wine Bottle Rating/Messaging Similar Wines Your Ratings Store Purchases



2 MENU PANELS

VISUAL OF SITE STORE  by Name, Land District, Providence Age, Price, Volume Click on Any Bottle to Go to Brand Page 8 MENU BRAND PAGE  What Others Say User Notes Share Notes 1 Wine Bottle Rating/Messaging Similar Wines Your Ratings Store Purchases

My Wine

CityWine

WIREFRAME

Min Vink채llare Competitor Study

CityWine

MAIN BRAND INTERFACE

Click on any WINE BOTTLE for Name + Rating What Other Say

What Other Say

_Ad

FOLDER INTERFACE FOR 4 MENUS

FoodYour & Wine Tips Sommelier Respond Last Share Eduction Comments

Quest (Search)

Inspiration

Ratings / Comments

Hot

Corresponding Rating

Edit

What is Hot

Wine Friends

What happening/ Handlers nameOwn

Notes

_Ad

Click on any

Little Wine Cooler

Similar WinesWhat Other Say

Send Quick Wine Own Notes Message

Eduction

Recent Events/ Last handlers

What Other Say

Click on any WINE

Own Notes

What Other Say

+ Rating

Share Your Thoughts

Click on any WINE BOTTLE for Name + Rating

The wine _Ad store + distribution + education Similar Wines Happy amateurWhat Other SayWhat Other

Ratings / to expensive Comments size

Share Your Thoughts

Quest (Search)

All / Mine The Mailbox

Corresponding Share Your Corresponding Rating Thoughts

Corresponding Rating

Rating

Thoughts

Image

Sommelier Respond Last Eduction Comments

All / Mine The Mailbox

Wine Friends

Message SYSTEMBOLAGET New STORE SITE

Food & Wine Tips

The wine store + distribution + education

Image Search for wine Price: Discount to expensive size

All / Mine The Mailbox

Catalogue Wine Friends and reset

last added friends

Sommelier Respond Last New Message Eduction Comments Search for wine

Quest (Search)

Price: Discount to expensive size

Food &

Quest Wine Tips (Search)

The wine store + distribution + education

The win

The wine store + distribution + education

addedstore friends + distribution + education Thelast wine

CATALOGUE + SEARCH ACTUAL BRANDS New Message

Say

Send Quick Wine Own Notes Message

Share Your Share Your Similar Wines Thoughts

Corresponding Rating Wine Friends

Send Quick Click onWi any W Message Similar Wines What Other Similar Wines Ad

Corresponding What happening/ Rating Notes Own Notes Handlers nameOwn

The wine store + distribution + education

last added Tips friends All / Mine The MailboxOwn Notes Wine Friends & Wine Food Sommelier Respond Last New Message Eduction Comments Price: Discount

Wines

Click on any WINE BOTTLE for Name + Rating Rating

Edit

Recent Events/ Last handlers

The win

Wine Friends

Say

Share Your Thoughts BOTTLE for Name

Send Quick Wine last added friends Message

New Message

Click on any WINE BOTTLE for Name + Rating Thoughts

Own Notes

Wine Friends

Similar MENUS HIERARCHY IN % TRANSPARENCY Corresponding

Comments

Quest (Search)

What happening/ Handlers name

All / Mine The Mailbox

Image

Recent Events/ Last handlers

Ratings / Comments

Ad Wines Click on any WINE BOTTLE for Name +Similar Rating

_Ad What Other SIMPLE CLEAN INTERFACE Wine + Friends SayShareFood Image & Wine Tips Sommelier Respond Last Wine Friends Inspiration Your

What happening/ Handlers name

Search for wine

_Ad

Edit

Share Your Corresponding Thoughts Rating

Share Your Thoughts

Own Notes

Happy amateur

Recent Events/ Last handlers

What happening/ Handlers name

SYSTEMBOLAGET STORE FRONT

What Other Say

Food & Wine Tips

CATALOGUE INTERFACE

Other

Click on any WINE BOTTLE for Name + Rating

Quest (Search)

Little Wine Cooler

Inspiration

What is Hot

Happy amateur

The wine store + distribution + education

Happy amateurWhat

My Wine

MENUS BRIGHTWine + CENTER + BIG Friends

Recent Events/ Last handlers

Ratings Edit/ Comments

mmelier Respond Last uction Comments

Edit MAP SITE

Say

Happy amateur

The wine store + distribution + education

Min Vink채llare Competitor Study SOCIAL

SITE MAP

Corresponding Rating

Send Quick Wine MessageWhat is

Thoughts

Little Wine Cooler

SimilarAdWines

MESSAGE MENU POP OUT IN CENTER

What is Hot

Send Quick Wine Message

Share Your Thoughts

Own Notes

CityWine

SITE MAP

Similar Wines

Click on any WINE BOTTLE for Name + Rating

SITE MAP

SURFACE

CityWine

My Wine

Min Vink채llare Competitor Study

_Ad

Own Notes

Inspiration

Image

Min Vink채llare Competitor Study

last added friends

THE PROCESS IN MAKING THE CITY WINE APP

APP PROPOSAL

WINE BOARD NEW YORK Based on love for wine and the freedom to choose.

FIVE ELEMENTS STUDY

STRUCTURE

THE CITY WINE APP

City Wine Wine App

WINE BOARD NEW YORK

Circle

JUST SAY: Wine or restaurant name Say Wine

FIND IT:

STRATEGY Search +

The app answers the question: In what New York City restaurant can I find my brand “X” wine.

Reservation Wine and make reservations

Explore Restaurant Restaurants Boardwith + Wines Sommelier Restaurant Restaurant Location Location

Wine Wine Lists, Lists, Ratings Ratings etc.. etc.

THE SCOPE _ U sers create experience collection boards based on wine brand, restaurant brand, social media and personal experience. _ Users personalize their boards. _ Users are informed of wine activities in the city. _ Users reserve table and wine bottles. _ Brand preference, event-driven database and information sharing.

Log inin Log + Build and Build Profile Profile

Message Message Board Board

User Wine Log Wine and Board Sommelier Levels

Emails Emails

Calen Calen dar dar Red Red Notes Notes White White Wine Wine 101 101 Other Other

OMNIGRAFFLE

USER SCENARIO N O 1

USER SCENARIO N O 2

Brian, age 30, is an executive who travels frequently abroad for business. His meetings usually lead to meals at fashionable city restaurants. His job has afforded him the opportunity to experience wines from around the world. He is very successful in his career and likes to be at the top of his game in everything, including wine. "A meal starts with wine" he is quoted as saying-he is a wine connoisseur. Brian lives in New York City; his clients as well as colleagues appreciate his vast knowledge of restaurant and wine selections. He attends 3 wine tastings a year and hosts client dinners in both New York City and abroad. He prides himself of his knowledge of wines, his refined palate as well as his clients’ likes and dislikes. His clients quite often share his passion for wine. He strives to impress those with whom is he dining by making the perfect wine and restaurant selection. Brian depends on his wine book app. It holds his precious notes on wine ratings, selections, preferences, vintages as well as locating specific wines in his favorite restaurants. He calls it his” little red book”; he really has a passion for red wine and is familiar with the vast assortment of grape varietals and major reads its restaurant’s message wine growing regions. boards, daily restaurant updates and wine acquisitions via social media. The wine app is his most important tool in business entertainment. He can pick any wine He scans labels, writes discreet selection and it will find out which restaurant is notes that go directly to the cloud. He serving it that afternoon or evening. He can also connects with the wine cloud when he travels pre-order wines from his favorite restaurants so abroad and manages reservations via email. he is guaranteed it will be available. It can be He has information on the top 100 wine highly disappointing and even embarrassing in restaurants in NYC and the 100 best wine certain situations when a restaurant runs out of cities in the world at his fingertips. He sends his selection; particularly when it’s his clients’ email to colleagues about wine and restaurant favorite or he raved about a particular wine to recommendations. While traveling, Brian his dinning partners at another occasion. likes to read in-depth articles about major and upcoming wine producing areas in the world; he Brian uses The Wine App as a diary recently read an a piece on the Champagne region and record of all the memorable (or not and improved his knowledge of Tuscany’s wine with to be remembered) wine and dining the app’s Sommelier Section. Brian is passionate experiences. The app helps him plan about his job, his wine and his wine app. his business meals; he frequently

Meet Terri, 23 during college she started to drink

wine with her friends and has

kept many semesters worth of scribbled wine

notes and empty bottles around

to remind her of the various wines she enjoyed. She has landed her first career job and has a new apartment in the big city. Now, she has the time and money to get serious about her passion for drinking wine. She is always connected to social media; her life is extremely busy and depends on several apps to organize it.

Terri is particular about her outfits, where she shops and

especially what she eats and drinks. Her success is in learning and appreciating the finer things in life. She goes out to dinner most nights and on weekends. Often for the harder to get in restaurants, she makes reservations a month in advance but at times has been told her wine choice was sold out that day. By using the Wine App, she avoids this situation. In addition to the having access to the city restaurant reservation network, she downloads the Wine Book App because of the “Sommelier” section. The wine 101 novice section provides her with basic knowledge about major wine growing regions around the world. It not only provides highlights of major regions but also describes the different grape varieties and range of perceived flavors, aromas and general characteristics of a wine.

Terri also writes notes and reads them on her commute to work. Her trip to the local wine store is not

overwhelming as it used to be as she now is able to make her selection with confidence based on her preferences, tasting notes and guidance from The Wine App. Her starting salary does not give her the luxury of getting it wrong. The Sommelier section has been endorsed by The New York Wine School. Exclusive restaurants send her invitations to free wine tasting events and she often meets many who shares her emerging passion of the grape. The little wine book app has started her on a happy enjoyable journey! Cheers!

CRAZY EIGHT CAPTURES THE USER'S DAILY FUNCTION

DESIGN STRATEGY = SPRINTS

A business strategy that includes finding the right wine to impress clients, boss and self. Answers the questions: Where in the city (NY) are they serving that brand “X” wine?

FUNCTION

Opening

Closing

Elitist...

Relive...

POSSIBLE

the deal...

You must

I had the

RESEARCH

Some wine?

try this

greatest

wine...

REALITY

using sticky notes 1. Understand 2. Diverge 3. Decide 4. Protype 5. Validate

CRAZY EIGHTS: using paper folded 8x's NARRATIVE STORIES

Diary...

Remember...

Learn...

Tools...

Want to

I want to

Pinot Gris or

label

remember

learn about

a Northern

recongnition

this place

wines.

Rhône Syrah?

camera.

Business man Brian has the opportunity to experience wines from around the world. He dines with clients and loves wines.

While traveling he checks the WB app message board of wine news and reviews his wine scans that have been changed to data entries from the cloud server.

He checks his notes, wine diary and takes a sommelier quiz to check his knowledge of Italian wines.

At the office, he checks his calendar and upcoming meetings. He uses his pictures and notes to post on the message board, he recommends wine and restaurants.

At work he gets news about a wine tasting at his favorite restaurant! He checks with the apps sommelier section about the vintage — all good. He spreads the news on the message board.

At the wine tasting, he catches up on the local wine news, he scans some wine labels and checks out the Italian reds and whites. He writes quick notes for future selections.

On his way home he organizes his notes and catchs up on his wine course. He searches for upcoming events and checks the message board for reviews of the tasting and restaurant.

 He organizes client dinner and lunches using the wine preference of his guests. He finds a restaurant with those wines by checking the restaurants' wine menu and paring. He makes several reservations.

SKELETON

WIREFRAMES

WINE BOARD NEW YORK

NAV

WINE BOARD NEW YORK

NAV

WINE BOARD NEW YORK

NAV

WINE BOARD NEW YORK

The home page highlights a social gathering of 4 major wine types.

The community message board page, is where the user to uploads

In the User Board can ask the Wine Board to filter uploads

Each board can show the note pads, wine ratings, restaurant

The visual is of 4 people drinking and talking while we see their

photos, messages, videos, reviews ...etc.

and matches wine preferences to wine menus, restaurants and

events, emails...etc.

glasses from above.

WINE BOARD NEW YORK

community posting.

NAV

The community message board has optional shading and pinning of windows to personalize and create visual hierarchy.

WINE BOARD NEW YORK

NAV

The community message board offer users links to restaurant wine menus for easy reservations of both tables and bottles.

WINE BOARD NEW YORK

NAV

WINE BOARD NEW YORK

NAV

In the restaurant board, wine events are advertised, wine inventory

The restaurant board can show wine menus and food pairing

is posted. Users search for their wine or a restaurant that serve

from restaurants in different parts of the city.

their brand. They ask questions and reccomendations.

USE OF ICONS FOR WINE MENUS, RESTAURANT EVENTS, SOCIAL MEDIA, NOTES...

SURFACE

The home page visual is of a contemporary wine tasting aimed at

The Wine Board uses 4 major colors represent the 4 colors of each

The flexable Wine Board come with different backgrounds and

The Wine Board show note pads and different options. Boards

elite wine drinkers. Users are all lovers of wine and city dining.

wine type.

window sizes to accommodate videos and user's preferences.

are responsive and adaptive in design.

Users upload wine experiences, creating these boards. They

Users choose optional backgrounds or provided templates.

The restaurant board have clean visuals, a san serif narrow

The restaurant board shows wine menus and other restaurant

personalize their desktop board with optional shading or pinning

Boards become very personal.

font, collapsible windows, text or visual options available.

options in different areas of the city.

Ask it where your favorite wine is, events at restaurants, menus

to create visual hierarchy and to stay informed.

SCREEN DESIGNS

DESKTOP MOBILE FINAL PROTOTYPE USER TESTING

NYC

< name/address >

< name/address > < name/address >

< name/address >

DESKTOP DESIGN

< name/address >

< name/address > MOBILE WIREFRAMES

< name/address >

YORK

W v !@ v

v !@ Wine ?

< name/address >

Circle

Say Wine

WINE BOARD NEW YORK

Wine Lists, Ratings etc..

PASSWORD

Restaurant Location Emails

Calen dar

< news > Photos Midtown

White

< news > Photos Notes

A XWzvf!@ ?

White Wine 101

Wine 101

Other

User could ask question about wine, restaurant or notes.

WINE BOARD NEW YORK

restaurant reservations

wine menus restaurant

ยน Message Board

< news > Photos

< name/address >

< news . . . >

< name/address >

< news > Photos

W v !@ v

Midtown

say your wine

< name/address >

< news . . . >

< name/address >

< news > Photos

!@ W vW v v r !@ ?

v r !@ ?

H H H

< name/address >

< news > Photos > name/address < news ...> name/address > < news > Photos > name/address

< news . . . >

Midtown

say your wine

ICONS:

< news > Photos

< name/address >

< news ...> name/address > < news > Photos > name/address Midtown Midtown

User gets information and can attach app to screen for easy reference throught the day.

< name/address >

H H

ยน

< news ...> name/address >

< news > Photos > name/address

@ ?? v!!@ WW v

7: 00 PM ...DATE... GARMERCY CASA MONO...

ยน

7: 3 0 PM ...DATE... FLATIRON GARMERCY TAVERN...

__ /__ /__

ยน

H H

__ /__ /__

8:00 PM ...DATE... GARMERCY CASA MONO...

RESERVATIONS NOTES

H H

< news . . . >

Red

Mid

say your wine

Calen dar

W v v r !@

< news > Photos

Emails

say your wine

Notes

User signs in and verify they are over 21 years old.

< news . . . >

Message Board Wine Lists, Ratings etc..

Red

I am over 21 years old

< news > Photos

NAME

Message Board

User Wine Log and Sommelier Levels

Search + Explore Restaurants + Wines with Sommelier

User Wine Log and Sommelier Levels

Search + Explore Restaurants + Wines with Sommelier Restaurant Location

Reservation

L L

Reservation

The app sit until the user hovers to signs in.

WHERE IS MY WINE?

v !@ ?

__ /__ /__

Say Wine

WINE BOARD NEW YORK

NYC

WINE BOARD NEW

Wine L Circle

Midtown

< name/address >

W v !@ v

Wine 101

< name/address > Other

< name/address > Midtown

Notes

< name/address > White

PROTOTYPING + USER TESTING

THE MOBILE APP OPENER EXPRESSES THE ORGANIC MOVEMENT OF WINE

https://www.wineboard.com/webhp?source=search_casa+mono+event

WINE BOARD NEW YORK

Say your wine SIGN IN

Provenรงal bistro food paired by sommelier,

Casa Mono takes you A X z f

Prototyping and users testing brought changes to the design. The navigation icons became permanently placed on the right side with hovering titles. Visual space was fine tuned.