Processwinebook2015

Page 1

WINE BOARD NEW YORK THE CITY WINE APP

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


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ÄLLARE


FIVE ELEMENTS STUDY

MIN VINKÄLLARE

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.


SITE MAP

MIN VINKÄLLARE

SIGN IN MENU

( LITTLE WINE COOLER )

WITH SOCIAL MEDIA + EMAIL

4 MAIN MENUS YOUR WINE CELLAR  3 MENUS

WINE FRIENDS  4 MENU PANELS

INSPIRATION  6 MENU PANELS

SEARCH

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


WIREFRAME MAIN BRAND INTERFACE

LOG IN + WINE CELLAR + SEARCH MENU Inspiration

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

_Ad

Send Quick Wine Message

Own Notes

Inspiration

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

_Ad

FOLDER INTERFACE FOR 4 MENUS Image

FoodYour & Wine Tips Sommelier Respond Last Share Eduction Comments

SimilarAdWines Send Quick Wine Message MESSAGE MENU POP OUT IN CENTER

Thoughts

Quest (Search)

mmelier Respond Last uction Comments

The wine store + distribution + education

Food & Wine Tips

t

CATALOGUE INTERFACE

Corresponding Rating

Share Your Thoughts

Own Notes

Quest (Search)

Similar Wines

The wine store + distribution + education

SYSTEMBOLAGET STORE FRONT

Corresponding Rating Ad


ge

My Wine

CityWine Min Vink채llare Competitor Study SITE MAP

CityWine

SURFACE

CityWine

My Wine

LOG IN + WINE CELLAR + SEARCH MENUMy Wine Inspiration Little Wine Cooler

Min Vink채llare Competitor Study

Min Vink채llare Competitor Study SOCIAL Edit MAP SITE

What is Hot

Happy amateurWhat

Other

What happening/ Handlers nameOwn

Notes

Say

SITE MAP

Little Wine Cooler

Inspiration

Log In

Little Wine Cooler

MENUS BRIGHTWine + CENTER + BIG Friends

Click on any WINE BOTTLE for Name + Rating _Ad

Click on any

Little Wine Cooler

Similar WinesWhat Other Say

Send Quick Wine Own Notes Message

Click on any WINE BOTTLE for Name + Rating

Recent Events/ Last handlers

Inspiration

What Other Say

Log In

Ratings / Comments

Happy amateur

What is Hot Wine Friends

Own Notes

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

Log In Edit

Eduction

What happening/ Handlers name Recent Events/ Last handlers

Search for wine

Own Notes What Other Say

Click on any WINE

Own Notes

+ 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

size

Share Your Thoughts

Quest (Search)

All / Mine The Mailbox

Wine Friends

Corresponding Share Your Corresponding Rating Thoughts

Corresponding Rating

Ad

Share Your Share Your Similar Wines Thoughts

Rating

Thoughts

Ad

Image

Sommelier Respond Last Eduction Comments

All / Mine The Mailbox

Ad

Wine Friends

Message SYSTEMBOLAGET New STORE SITE

Food & Wine Tips

The wine store + distribution + education

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)

Ad

The wine store + distribution + education

The wine store + distribution + education

Ad

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

Image

Ratings / to expensive Comments

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

Corresponding What happening/ Rating Notes Own Notes Handlers nameOwn

Corresponding Rating

Wines

Click on any WINE BOTTLE for Name + Rating Rating

Edit

Recent Events/ Last handlers

The win

Wine Friends

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

Send Quick Wine last added friends Message

New Message

Say

Share Your Thoughts BOTTLE for Name

What Other Say

Wine Friends

Similar MENUS HIERARCHY IN % TRANSPARENCY Corresponding

Click on any WINE BOTTLE for Name + Rating Thoughts

Quest (Search)

What happening/ Handlers name

All / Mine The Mailbox

Comments

Edit Happy amateur

Recent Events/ Last handlers

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

Log In

Share Your Corresponding Thoughts Rating

Share Your Thoughts

_Ad

My Wine

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

THE CITY WINE APP WINE BOARD NEW YORK

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

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.


STRUCTURE

City Wine Wine App Circle

JUST SAY: Wine or restaurant name Say Wine

Log inin Log + Build and Build Profile Profile

FIND IT: Search +

Reservation Wine and make reservations

Explore Restaurant Restaurants Boardwith + Wines Sommelier Restaurant Restaurant Location Location

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

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

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


USER SCENARIO N O 2

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!


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...

the deal...

You must

I had the

RESEARCH

Some wine?

Some wine?

try this

greatest

wine...

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.


CRAZY EIGHT CAPTURES THE USER'S DAILY FUNCTION

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

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.

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.


SKELETON

WINE BOARD NEW YORK

Q

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

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

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

glasses from above.

WINE BOARD NEW YORK

Q

NAV

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

WINE BOARD NEW YORK

Q

NAV

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


WIREFRAMES

WINE BOARD NEW YORK

Q

NAV

WINE BOARD NEW YORK

Q

NAV

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

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

and matches wine preferences to wine menus, restaurants and

events, emails...etc.

community posting.

WINE BOARD NEW YORK

Q

NAV

WINE BOARD NEW YORK

Q

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.


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

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

wine type.

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

Users upload wine experiences, creating these boards. They

Users choose optional backgrounds or provided templates.

personalize their desktop board with optional shading or pinning

Boards become very personal.

to create visual hierarchy and to stay informed.


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

The flexable Wine Board come with different backgrounds and

The Wine Board show note pads and different options. Boards

window sizes to accommodate videos and user's preferences.

are responsive and adaptive in design.

The restaurant board have clean visuals, a san serif narrow

The restaurant board shows wine menus and other restaurant

font, collapsible windows, text or visual options available.

options in different areas of the city.


SCREEN DESIGNS

DESKTOP MOBILE FINAL PROTOTYPE USER TESTING


NYC


DESKTOP DESIGN

NYC

WINE BOARD NEW

YORK sign in The app sit until the user hovers to signs in.

NAME PASSWORD I am over 21 years old User signs in and verify they are over 21 years old.

Q

WHERE IS MY WINE?

L

User could ask question about wine, restaurant or notes.

RESERVATIONS NOTES

Q

sign in

r

X

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

ยน

r

X

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

ยน

ยน

r

X

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

r

restaurant reservations

X

wine menus restaurant

ยน Message Board


< name/address >

< name/address >

< name/address > < name/address >

< name/address >

< name/address >

< name/address >

< name/address > MOBILE WIREFRAMES

< name/address >

Wine L Circle

Log in + Build Profile

W v !@ v

L

W

v !@ Wine ?

< name/address >

L

Circle

Say Wine

H

H

Midtown

< name/address >

W v !@ v

Wine 101

< name/address > Other

< name/address > Midtown

Notes

< name/address > White

Log in + Build Profile

W

v !@ ?

L

Say Wine

WINE BOARD NEW YORK

WINE BOARD NEW YORK

Emails

Calen dar

< news > Photos < news . . . >

Message Board

< news > Photos

Emails

Wine Lists, Ratings etc..

Midtown

say your wine

< news . . . > < news > Photos

Red

W v v r !@

Notes White

L

Notes

A XWzvf!@ ?

L

White Wine 101

Wine 101

Other

Other

WINE BOARD NEW YORK

say your wine

W v !@ v

L

H

Midtown

Midtown

say your wine

< name/address >

< news . . . >

< name/address >

< news > Photos

!@ W vW v v r !@ ?

L

L

W

v r !@ ?

H H H H

< news > Photos

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

H

< name/address >

< news > Photos > name/address

H H

< news . . . >

< news ...> name/address >

< news ...> name/address >

L

< news > Photos > name/address

r

@ ?? v!!@ WW v

H

< name/address >

H H

< news > Photos

H

< name/address >

< news > Photos > name/address

H

< news . . . >

H

< news > Photos

< name/address >

__ /__ /__

H

H

__ /__ /__

< name/address >

Mid

say your wine

Calen dar

Red

H

< news . . . >

H

Wine Lists, Ratings etc..

Restaurant Location

< news > Photos

H

Message Board

User Wine Log and Sommelier Levels

Search + Explore Restaurants + Wines with Sommelier

L L

H

User Wine Log and Sommelier Levels

Search + Explore Restaurants + Wines with Sommelier Restaurant Location

Reservation

H H

__ /__ /__ Reservation

L

W


THE MOBILE APP OPENER EXPRESSES THE ORGANIC MOVEMENT OF WINE

WINE BOARD NEW YORK

Say your wine SIGN IN

L


PROTOTYPING + USER TESTING

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

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.

L


NYC


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.