p o r t f o l i o
o f
m u s h k y
g i n s b u r g Page No. 1
I'm a Senior graphic designer with a passion for #handlettering #typography and #uxdesign
Page No. 2
table of contents wolf & lamb • advertising
4
polishd app • ux design 10 device buy back website • web design 16 the space • branding 20 bynex • web design 26 the great jewish big rig • print 30 love in normandy • handlettering 34 rules of civility • book cover 36 inspiration 38 contact 39
Page No. 3
project
wolf & lamb advertising role
ART DIRECTOR
ta s k e d w i t h 10 FT. WALL ART POSTERS MAGAZINE ADS BUS STOP ADS MENUS REWARDS CARD
Page No. 4
Page No. 5
Page No. 6
Wolf & Lamb summer ad campaign
o BROOKL Yn
o
B
p
urgers c c &
Steaks
ttan ha Man
handcrafted happiness
& rabbI GornIsh
1635 Coney Island ave
10 east 48th street
718 627 4676
212 317 1950
p
Page No. 7
Page No. 8
Page No. 9
project
polishd app ux design role
CREATOR
ta s k e d w i t h USER RESEARCH COMPETITIVE ANALYSIS SITE MAP PERSONAS WIREFRAMES USER INTERFACE USER FLOWS PROJECT PITCH
tools omnigraffle pen & paper indesign photoshop illustrator pop app invision app
Page No. 10
P
Polishd
Save and discover your favorite nail colors
Page No. 11
user goals
remember colors
Nail Color App
Onboarding onboarding
1. Choose nail colors quickly and easily 2. Remember their favorite colors ¸0 ^YP[L KV^U [OL JVSVY ZV 0 JHU YLTLTILY P[ UL_[ [PTL 0 NL[ T` UHPSZ KVULš
3. Tell friends about colors they like
ONBOARDING 1
Nail Color App Settings & Filter
Nail Color App Favorite's List
FAVORITES LIST ONBOARDING 2
ONBOARDING 3 11. SETTINGS ,") '
1 HOME SCREEN
¸>OH[ KV `V\ TLHU ºOV^ KV 0 YLTLTILY [OL JVSVY& 1\Z[ SPRL `V\ YLTLTILY [OL UHTLZ VM `V\Y MYPLUKZš
Nail Color App OLD Explore tab - discard
Nail Color App 4 Salon Tab EXPLORE: FILTER
EXPLORE: FEED
FAVORITES TAB
FEED
FILTER
Salon Locator
11:56 AM
AT&T
11:56 AM
AT&T
USER LOG
Color ColorName Nam
1.1 mi
Cancel
Color Name Title
favorites
explore
salon
add color
favorites
explore
Get Started!
salon
Color Name Title favorites explore
add color
Really Long
True Color Nails 134 5th Ave, Flatiron
.1 mi
QQ Nail Spa 134 5th Ave, Flatiron add color
salon
favorites
Yes please!
Hana Nails & Spa 240 E 41 St, Murray Hill
Hana Nails & Spa 240 E 41 St, Murray Hill
OPI
ESSIE
add color
1.1 mi
True Color Nails 134 5th Ave, Flatiron
Check In
.1 mi
.05 mi
.05 mi
explore
salon
add color
favorites
explore
add color
salon
favorites
explore
1.1 Image will be of the nail color in bottle (which also indicates the company, OPI/ESSIE)
salon
ESSIE
Nail Color App OLD Explore tab - discard
Nail Color App 3 Explore Tab EXPLORE: FILTER
EXPLORE: FEED
Creator: Mushky Ginsburg Sun May 04 2014
Logout
Nothing beats Fiji #wedding #mani #evesalon #tan
Would you like to get directions using google maps?
Color Name Title Really Long Variation
nav disappears when user scrolls down and reappears when user scrolls back up
Color ColorName Nam
Rate Really ReallyLong Lon
ESSIE
Nulla eu malesuada risus, ac consectetur enim. #tagone #tagtwo #tagthree User Name
User Name
About
1.2
Add photos & notes to your colors
QQ Nail Spa 134 5th Ave, Flatiron 212-972-5320 Hours Today: 10:00 AM - 7:30 PM
Directions
Nulla eu malesuada risus, ac consectetur enim. #tagone #tagtwo #tagthree
Feedback
Color Name Title
Mint Candy Apple
ESSIE
Color Name Title Really Long
User Name
Discover Color ColorName Nam
Salon Name
Salon Name QQ Nail Spa 134 5th Ave, Flatiron
212-972-5320 Hours Today: 10:00 AM - 7:30 PM
Color Name Title
Nail NailApp App ESSIE ESSIE
Color Name Title
11:56 AM
AT&T
11:56 AM
AT&T
Salon Locator
Color Name Title OPI
Take 1
Pull tab on map down to make it full screen, up to show full list form
EXPLORE: MoodFAVORITES TAB
Creator: Mushky Ginsburg
Explore Tab
Explore Tab 13 Sun May 04 2014 EXPLORE
EXPLORE FEED
Take 2
11:56 AM
AT&T
11:56 AM
AT&T
FEED
FILTER
map links to google maps and directions appear (after a screen let’s the user know that this is going to happen)
Integrate with Yelp
4
Swipe to go to previous or next salons
11:56 AM
AT&T
USER LOG
Explore
EXPLORE: Tags
EXPLORE: Mood expanded
Swipe left to call
AT&T 11:56 AM
AT&T
11:56 AM
11:56 AM
AT&T
Explore
Explore
MOOD
TAGS Color Name Title
MOOD
TAGS
Pretend it’s spring
OPI
Pretend it’s spring
Color Name Title
Tag Four
Tag Six
Tag Eight
Who’s Counting
mood six
ESSIE
Stand out at the Color Name Title o ce party
User Name
Really Long
Nulla eu malesuada risus, ac consectetur enim. #tagone #tagtwo #tagthree
Color Name Title
ESSIE
Color Name Title OPI
Color Name Title Lorem ipsum collection
Really Long Variation ESSIE
add color
favorites
explore
salon
add color
favorites
explore
salon
SXSW add color
add color
favorites
Color Name Title favorites explore explore salon Really Long
Color Name Title Very Long Variety
Color Name Title
Color Name Title Very Long Variety
Color Name Title
salon
add color
favorites
explore
salon
ESSIE
selected state, expands down to show up to 10 color options. When user reaches the end of the list or starts scrolling back up, ‘back to top’ button appears, or user can scroll up and click the current selection to collapse the list and show the previous screen.
Find only appears once one or more tags are selected
13
3
Creator: Mushky Ginsburg % , Fri May 09 2014
user testing summary
Nail Color App WIREFRAMES
Nail Color App UF1: Save color via name
Nail Color App 1 Add Color Tab
HOME SCREEN
HOME SCREEN
COLOR PROFILE HOME SCREEN
11:56 AM
AT&T
AT&T AT&T
Nail App
Back
save your color
FAVORITES TAB
@V\ ^HU[ [V Ă„UK H JVSVY IHZLK VU `V\Y TVVK VY H ZWLJPĂ„J VJJHZPVU
Color description goes here dress to scan thrill.barcode slip on this oh-so-deep iridescent currant lacquer for a gleaming, captivatingly killer
11:56 AM
AT&T
11:56 AM
AT&T
Favorites
Favorites
Sort
+ add color
ŕ Ž (KK KL[HPSZ [V [OL JVSVY WYVĂ„SL WHNL ^OLYL \ZLYZ JHU HKK KL[HPSZ ZPTPSHY [V H SVN Z\JO HZ! THUP WLKP H WPJ[\YL KH[L ZHSVU ]PZP[LK
Sort
A-Z Color Name Title OPI
Z-A
Newest
Color NameOldest Title ESSIE
Popular
Color Name Title ESSIE
Color Name Title Really Long ESSIE
Color Name Title Really Long
OPI
salon
add color
explore
add color
favorites
explore
salon
add color
1
add color
11:56 AM
Really Long
tag one
Nail App
Back
Color Name Title
salon
tag one
tag two
Cancel
Nail Color App EXPLORE: FILTER RESULTS
8
AT&T
currant lacquer for a Nail App Back
gleaming, captivatingly killer look that comes charging to the fashion rescue.
Color Name Title
Color Name Title
competitive landscape
Color description goes here dress to thrill. slip on this 11:56 AM AT&T oh-so-deep iridescent
11:56 AM
Nail App
Color Name Title OPI
ESSIE
tag one
Color Name Title Really Long
Color Name Title Really Long
tag two
Color Name Title OPI
Color description goes here dress to thrill. slip on this oh-so-deep iridescent currant lacquer for a gleaming, captivatingly killer look that comes charging to the fashion rescue.
Color Name Title Really Long Variation
Color Name Title Really Long Variation
ESSIE
Color Name Title favorites explore
add color
Color Name Title Really Long
Really Long
salon
ESSIE
ESSIE
Color Name Title Really Long ESSIE
Nail Color App UF2.2: Save color via barcode
Nail Color App 3 Explore Tab
Creator: Mushky Ginsburg
Sun May 04 2014
COLOR PROFILE
AT&T
11:56 AM
Nail App
Color Name Title
Color description goes here dress to thrill. slip on this 11:56 AM AT&T oh-so-deep iridescent
Nail Color App OLD Explore tab - discard
Creator: Mushky Ginsburg & Sun May 04 2014
2
EXPLORE: Mood
EXPLORE: Mood expanded
11:56 AM
AT&T
currant lacquer for a Nail App Back
AT&T
Explore
gleaming, captivatingly killer look that comes charging to the fashion rescue.
EXPLORE: Tags
11:56 AM
11:56 AM
AT&T
Explore
MOOD
tag one
tag two
tag three
Stand out at the o ce party
add to favorites
Color Name Title
Color Name Title Long Variety
Color Name Title Very Long Variety
Color Name Title
Color Name Title Very Long Variety
Color Name Title
x
FEED FEED
Tag Six
Tag Eight
Who’s Counting
favorites
explore
Color Name Title OPI
Color Name Title
Color Name Title
ESSIE
ESSIE
Color Name Title User Name Really Long
Color Name Title Really Long
ESSIE
Nulla Nullaeueumalesuada malesuadarisus, risus,acacconsectetur consectetur enim. enim.#tagone #tagone#tagtwo #tagtwo#tagthree #tagthree
Nulla eu malesuada risus, ac consectetur enim. #tagone #tagtwo #tagthree
ESSIE
Nulla eu malesuada risus, ac consectetur enim. #tagone #tagtwo #tagthree
Color Name Title
User UserName Name
add color
selected state, expands down to show up to 10 color options. When user reaches the end of the list or starts scrolling back up, ‘back to top’ button appears, or user can scroll up and click the current selection to collapse the list and show the previous screen.
mood six
explore
salon
nav disappears when user scrolls down and reappears when user scrolls back up
add color
favorites
explore
Creator: Mushky Ginsburg Sun May 04 2014
Nail Color App 4 Salon Tab
EXPLORE: FILTER
AT&T
11:56 AM
Explore
explore explore
salon salon
add addcolor color
OPI
favorites explore Color Name Title favorites explore
Color Name Title Really Long Variation ESSIE
salon salon
Really Long
add color
ESSIE
11:56 AM
AT&T
Explore
x
User Name
Browse By:
DONE
Mood
11:56 AM
AT&T
Explore
x
Browse By:
mood six
mood two
okay, got it
x
Browse By:
11:56 AM
AT&T
11:56 AM
AT&T
11:56 AM
add color
favorites
explore
salon
mood four
mood six
13
Nail Color App 5 Settings Tab
AT&T
mood two
mood two
mood four
mood six
mood two
1.1 mi QQ Nail Spa 134 5th Ave, Flatiron 212-972-5320 Hours Today: 10:00 AM - 7:30 PM
QQ Nail Spa 134 5th Ave, Flatiron 212-972-5320 Hours Today: 10:00 AM - 7:30 PM
mood six
mood six
mood two
mood four
mood six
mood four
True Color Nails 134 5th Ave, Flatiron
add color
favorites
.1 mi
True Color Nails 134 5th Ave, Flatiron
Check In
salon
Pull tab on map down to make it full screen, up to show full list form Swipe left to call
Find Friends 1.1 mi
.1 mi
Feedback .05 mi
.05 mi
explore
Creator: Mushky Ginsburg
Sun May 04 2014 Integrate with Yelp
Creator: Mushky Ginsburg
Sun May 04 2014
Logout
Yes please!
Hana Nails & Spa 240 E 41 St, Murray Hill
Hana Nails & Spa 240 E 41 St, Murray Hill
Occasion
Nail Color App WIREFRAMES
User Name Lorem ipsum si dolar Fusce aliquet quam
Would you like to get directions using google maps?
Cancel
11:56 AM
Salon Name
Salon Name
DONE
Mood
mood four
Occasion
QQ Nail Spa 134 5th Ave, Flatiron
salon
EXPLORE FEED
Directions mood two TIP Shake your app at any time to generate a random color
mood four
Occasion
User Name
Really Long
13
Salon Locator
11:56 AM
Explore
DONE
Mood
Nulla eu malesuada risus, ac consectetur enim. #tagone #tagtwo #tagthree
ŕ Ž <ZLY KPKUÂť[ ^HU[ [V ÂşZLHYJOÂť ^OLU LU[LYPUN [OL UHPS JVSVY ZV 0 Z^P[JOLK
Color Name Title favorites explore ESSIE
Creator: Mushky Ginsburg
3 Sun May 04 2014
EXPLORE: FILTER
AT&T
AT&T
add addcolor color favorites favorites
salon
nav disappears when user scrolls down and reappears when user scrolls back up
Find only appears once one or more tags are selected
9
SALON LOCATOR
EXPLORE: FILTER
EXPLORE FEED
favorites
EVOLUTION OF ADD A CO
Color Name Title
User Name OPI
Color Name Title Really Long Variation
salon
top nav disappears when user scrolls down and reappears when user scrolls back up
ŕ Ž 4HW JHU IL JVUULJ[LK ^P[O @LSW VY MV\YZX\HYL ZLL TV]PL KVUL HWW
USER LOG
FILTER
Color Name Title OPI
ESSIE
SXSW
add color
Creator: Mushky Ginsburg
& Sun May 04 2014
Nail Color App
11:56 AM
AT&T
EXPLORE USER LOG FEED
x
User Name
Lorem ipsum collection
11:56 11:56AM AM
AT&T AT&T
FILTER FILTER
User Name
User Name Tag Four
Lorem ipsum de solar
Creator: Mushky Ginsburg ' Sun May 04 2014
FAVORITES TAB
EXPLORE EXPLORE
FILTER
User Name
Pretend itâ&#x20AC;&#x2122;s spring
Color description goes here dress to thrill. slip on this oh-so-deep iridescent currant lacquer for a gleaming, captivatingly killer look that comes charging to the fashion rescue.
ŕ Ž >OH[ [`WL VM ZVJPHS TLKPH PU[LNYH[PVU ^V\SK WLVWSL SPRL& )L HISL [V ZLL ^OPJO VM `V\Y MYPLUKZ SPRLK H JLY[HPU WPJ[\YL HUK ZLL [OL MH]VYP[LÂťZ SPZ[ VM `V\Y MYPLUKZ ^OLU `V\ ZPNU PU[V -HJLIVVR ZLL [YPWSHNLU[ HWW Ă&#x201E;UK MYPLUKZ
11:56 AM 11:56 AM
AT&T AT&T
11:56 AM
FEED
TAGS
11
EXPLORE: FILTER FAVORITES TAB
EXPLORE
Find
MOOD
Pretend itâ&#x20AC;&#x2122;s spring
Creator: Mushky Ginsburg & Sun May 04 2014
EXPLORE: EXPLORE:FILTER FEED
AT&T
Explore
TAGS
Nail Color App OLD Explore tab - discard 12
EXPLORE: FEED
choose a co
Creator: Mushky Ginsburg % Fri May 09 2014
tag three
add to favorites
ESSIE
Color Name Title
Color description goes here dress to thrill. slip on this oh-so-deep iridescent currant lacquer for a gleaming, captivatingly killer look that comes charging to the fashion rescue.
salon
Filter
Colors matching your interest
â&#x20AC;&#x2DC;search entryâ&#x20AC;&#x2122;
Color Name Title
add to favorites
explore
salon
COLOR PROFILE
11:56 AM
AT&T
11:56 AM
AT&T
Back
tag three
Added!
or
favorites
tag three
Cancel
Color Name Title
enter color name
add color
tag two
Added!
add to favorites
hold barcode steady and camera will scan automatically
explore
Creator: Mushky Ginsburg 6 ' Sun May 04 2014
11:56 AM
AT&T
Nail App
save your color
scan barcode
Color Name Title favorites explore
favorites
SEARCH RESULTS (if more than one)
Color description goes here dress to thrill. slip on this 11:56 AM AT&T oh-so-deep iridescent currant lacquer for a Nail App Back gleaming, captivatingly killer look that comes charging to the fashion rescue.
OPI
Color Name Title Really Long Variation
salon
Nail App Flash on
or
scan barcode
go
salon
3
tab old
ESSIE
Color Name Title Really Long Variation
ESSIE favorites
@explore.
Color Name Title OPI
Color Name Title Color Name Title Really Long Variation ESSIE
Really Long ESSIE
Color description goes here dress to thrill. slip on this 11:56 AM AT&T oh-so-deep iridescent currant lacquer for a Nail App gleaming, captivatingly killer look that comes charging to the fashion rescue.
11:56 AM
AT&T
Nail App Flash on
enter color name
Color Name Title Really Long ESSIE
space
favorites
COLOR PROFILE
AT&T
Notes: swipe down to show â&#x20AC;&#x2DC;add colorâ&#x20AC;&#x2122; bar swipe left to show delete button once youâ&#x20AC;&#x2122;re in color * !% " right to navigate between colors " * " " ! !! and OPI and should indicate if itâ&#x20AC;&#x2122;s clicked or not. Initial state is not clicked and once user " ! " ' " again to unclick ESSIE
ESSIE
Color Name Title OPI
Color Name Title favorites explore
11:56 AM
AT&T
Nail App
save your color
Color Name Title ESSIE
Z X C V B N M add color
HOME SCREEN
Color Name Title OPI
ESSIE
add color
11:56 AM
AT&T
Sort
â&#x20AC;&#x2DC;search entryâ&#x20AC;&#x2122;
Color Name Title OPI
or
A S Dscan F barcode G H J K L
123
Color salon Name Title Really Long
Nail Color App
HOME SCREEN
11:56 AM
AT&T
Nail App
3.1
Ienter color name
Q W E R T Y U I O P
Color Name Title Really Long Variation
explore
Creator: Mushky Ginsburg OLD Add Color Sun May 04 2014
11:56 AM
AT&T
Favorites
Sort
Color Name Title
;OPZ HWW ^HZ HZRPUN VM P[ZLSM [VV T\JO 0[ÂťZ UV[ HU PUZ[HNYHT MVY UHPSZ VY H `LSW MVY UHPS ZHSVUZ P[ ULLKZ [V MVJ\Z VU P[ÂťZ JVYL [HZR HUK KV P[ ^LSS
favorites
FAVORITES TAB: SORT
OPI
Color Name Title Really Long
ŕ Ž >OH[ PM [OL \ZLY Q\Z[ ^HU[Z [V [HRL H WPJ[\YL VM [OLPY UHPSZ&
11:56 AM
AT&T
save your color
Color Name Title Really Long
or
add color
Creator: Mushky Ginsburg
Sun May 04 2014
FAVORITES TAB: scroll down
Color Name Title
ŕ Ž 7S\Z ZPNU PU [OL JVSVY WYVĂ&#x201E;SL PZ HTIPN\V\Z \ZLYZ ^LYLUÂť[ Z\YL VM [OL M\UJ[PVU
SEARCH RESULTS
3.0
11:56 AM
Color Name Title enter color name
2.5
scan barcode 2.3
addlook colorthat favorites explore comes charging tosalon
me
ESSIE
ŕ Ž ;HIZ VU IV[[VT Z[HY[LK V\[ HZ I\[ ZLLTLK [VV THU` HUK [VV JSVZL MVY \ZLYZ ZV Z^P[JOLK [V
tag three
add to favorites
Color Name Title
salon
add color
Creator: Mushky Ginsburg ' Thu Apr 10 2014
Nail Color App 2 Favorites Tab
@V\ÂťYL H[ [OL UHPS ZHSVU MV\UK H JVSVY `V\ SV]L HUK ^HU[ [V ZH]L P[ MVY M\[\YL \ZL
[OL [LYT [V ÂşNVÂť VY ÂşZ\ITP[Âť VY ÂşLU[LYÂť
tag two
â&#x20AC;&#x2DC;search entryâ&#x20AC;&#x2122;
Color Name Title save your color 2.4
tag one
AT&T
Nail App Back
gleaming, captivatingly killer look that comes charging to the fashion rescue.
or 2.2
browse
the fashion rescue.
ŕ Ž ;OL L_WSVYL MLLK ZLLTZ SPRL WLVWSL ^V\SKUÂť[ \ZL P[ PUP[PHSS` ^O` \ZL [OH[ PUZ[LHK VM PUZ[HNYHT& :LLTZ SPRL H UV[ ZV PTWVY[HU[ MLH[\YL H[ [OPZ Z[HNL /V^ HIV\[ YLWSHJPUN P[ ^P[O [OL ZJLUHYPVZ [OH[ JOHUNL HJJVYKPUN [V [PTL VM `LHY VY H[ YHUKVT HUK L_WYLZZ OV^ [OL \ZLY PZ MLLSPUN L_! 0 ^HU[ [V WYL[LUK P[ÂťZ ZWYPUN L[J HUK Z\NNLZ[ JVSVYZ
SEARCH RESULTS (if more than one)
11:56 AM
AT&T
currant lacquer for a Nail App Back
2.0
2.1
enter color name
or
scan barcode 1.1
ŕ Ž >PUKV^ ^ [OL ÂşZOHRL [OL HWW MVY H YHUKVT JVSVYÂť [PW PU [OL Ă&#x201E;S[LY ZLJ[PVU WLVWSL [OV\NO[ [OH[ P[ OHK [V KV ^P[O [OL UL_[ ZJYLLU HUK ^OH[ [OL`ÂťYL NVPUN [V ZLL HZ VWWVZLK [V P[ Q\Z[ ILPUN H [PW Solution: Make it more obvious that itâ&#x20AC;&#x2122;s just a tip by writing it on top.
Color description goes here dress to thrill. slip on this 11:56 AM AT&T oh-so-deep iridescent
11:56 AM 11:56 AM
Nail App Nail App
Color Name save your color Title
1.0
enter color name
favorites
(ZRLK \ZLYZ [V!
add color
favorites
explore
salon
add color
favorites
explore
salon
add color
favorites
explore
salon
map links to google maps and directions appear (after a screen letâ&#x20AC;&#x2122;s the user know that this is going to happen) Swipe to go to previous or next salons
Creator: Mushky4Ginsburg Sun May 04 2014
5
10
P Polishd
User Flowâ&#x20AC;&#x201D;Add color to favorites
OPI
Nail Color App User Flow - add color to favorites
choose a color quickly
Homescreen
Tap + icon to add a color
Know name of polish color?
yes
Creator: Mushky G # + Fri May
Nail Color App UF2: Save color via barcode
barcode icon by Charles-Axel Pauwels
Creator: Mushky Ginsburg
& Sun May 04 2014
barcode icon by Charles-Axel Pauwels
top nav disappears when user scrolls down and reappears when user scrolls back up
Creator: Mushky Ginsburg Sun May 04 2014
barcode icon by Charles-Axel Pauwels
nav disappears when user scrolls down and reappears when user scrolls back up
About opens a Rate opens ap Logout if user in, it will say â&#x20AC;&#x2DC;si take user to sig (screen 0.1)
in, taking over full screen]
Color Name Title Long Variety
Lorem ipsum de solar
User Name
User Name
1.3 Pulling down the s 11.1 Blurred backgr -+ ," ++# Discover goes appear. screenOnly the c selected compan Feedback ope in the list. Tap the with helper not again to deselect suggestions
1.2 Tapping the icon will take user to â&#x20AC;&#x2DC;add colorâ&#x20AC;&#x2122; screen (2.0). [Icon animates by zooming
Find
FILTER
x
User Name
Nulla eu malesuada risus, ac consectetur enim. #tagone #tagtwo #tagthree
Mani Diaries
Nail Polish
TYL
HOME SCREEN
11:56 AM
AT&T
Nail App
save your color
1.0
enter color name or
remember colors
Type name in "
scan barcode no
share with friends
Type general color (ex: red) in "
Browse color wheel
Search results
1.1
favorites
Choose color
" comes up
Tap heart icon
browse
add color
consideration for product & environment
Color is added to favorites list
Creator: Mushky Ginsburg ' Thu Apr 10 2014
Creator: Mushky Ginsburg
Fri May 09 2014
Final project slides
Page No. 12
11:56 AMAM 11:56
AT&T AT&T
Nail App
1.1
Color Name Title Really Long
FILTER
x
User Name
Discover colors, spin the wheel.
Save and discover your favorite nail colors in one place
â&#x20AC;&#x201D;Steve Jobs
SALON LOCATOR
Favorites
EXPLORE
EXPLORE FEED
User Log
11:56 AM
AT&T
11:56 AM
AT&T
â&#x20AC;&#x153;Deciding what not to do is as important as deciding what to do.â&#x20AC;?
¸0SS SVVR H[ [OL UHTL HUK MVYNL[ P[ [^V TPU\[LZ SH[LYš
;OLYLÂťZ H Ă&#x201E;YZ[ UHTL IHZPZ VM [OL JVSVYZ HUK ^VTLU [LUK [V MHSS IHJR VU [OLPY MH]VYP[LZ PM UV V[OLY JVSVYZ H[[YHJ[ [OLT
11:56 AM
AT&T
1
salon
me
product & environment
r
p
1.1
1.0
12. FILTER 1 HOME SCREEN: full list
) " +!' % & & ! ' 1. HOME SCREEN: sliding options
1. HOME SCREEN: empty state
1.2
11.1
AT&T
1.3
11:56 AM AT&T
11:56 AM
AT&T
12.2
Nail App Filter by:
11:56 AM AT&T
11:56 AM
Nail App
Nail App
12.3
Filtering by metallics
Color Name Title
11:56 AM
AT&T
1.5
Nail App
OPI OPI
Color Name Title
e Title me Title
1.0 Large color names 1.1 Background gradually turns to the nail color 1.2 Big buttons
Color Name Title
Color Name Title Color Name Title
12.1
e Title me Title
Color Name Title
Really Long
Nail Color App Color Name Title Favorite's List
1.4
Color Name Title
Nail Color App Color Name Title Favorite's Really Long Variation List
Color Name Title Really Long Variation
1 HOME SCREEN
Color Name Title Really Long
1 HOME SCREEN
1.1
Nail App
1.1
11:56 AM
AT&T 11:56 AM
11:56 AM
AT&T
Nail App
Nail App
Nail App ESSIEESSIE
Color Name Title
Color Name Title
1.3
1. HOME SCREEN: sliding options
1. HOME SCREEN: sliding options
1. HOME SCREEN: empty state
1. HOME SCREEN: empty state
OPI
11:56 AM
AT&T
1.3
11:56 AM
AT&T
OPI
Color Name Title
Color Name Title
Color Name Title
ESSIE
â&#x20AC;&#x153; You came up with a very viable idea,
Start your own favorites Color Namelist Title
Color Name Title Really Long
Really Long
Color Name Title Really Long Variation
1.4
Color Name Title
Color Name Title
Color Name Title Really Long Variation
Color Name Title Really Long Variation
Color Name Title Really Long
Color Name Title Really Long ESSIE
Color Name Title
Really Long
Color Name Title Really Long Variation
Color Name Title
1.7
Start your own Color Name Title favorites Color Namelist Title
1.6
you clearly articulated your userâ&#x20AC;&#x2122;s needs
ESSIE
Swipe left to delete color Color 1.5 Name Title from favorites list. Really Long
1.4 Full list view
Nail App
Color Name Title
1.7
Color Name Title
Color Name Title Really Long
Color Name Title Really Long Variation
1.3 Pulling down the screen will -+ ," ++# 4%, * ,( appear. Only the colors of selected company will show in the list. Tap the selection again to deselect it.
1.2 Tapping the icon will take user to â&#x20AC;&#x2DC;add colorâ&#x20AC;&#x2122; screen (2.0). [Icon animates by zooming
11:56 AM
AT&T
Color Name Title
Color Name Title
Color Name Title
Color Name Title Color Name Title Really Long
ESSIE
% && ! "! % ## $% ) ! . & $ bar is visible) 1.1 Image will be of the nail color in bottle (which also indicates the company, OPI/ESSIE)
1.4
Nail App
Nail App
Color Name Title
1.6
Color Name Title
1.5
11:56 AM
AT&T
1.5
Nail App
Color Name Title
Color Name Title
Color Name Title
Color Name Title
Color Name Title Colorin Name Title 1.5 Swipe left . & $ $ ! & ! ) to delete color 1.7 Thereâ&#x20AC;&#x2122;s an example list the 12.2 Really Long Really Long Color Color Name TitleName Title Long from favorites list. background but blurred, to color is showing is 1.2 always remainsReally Color Name Title Color Name Title the user to start underReally theLong top bar, even if there is amotivate Color Name Title 1.6 Swipe right share own Really Long fave list. Color Name Title longtolist, untilcolor the user xâ&#x20AC;&#x2122;s it. If the their Really Long Variation (via message, email, twitter, 1.2 user pulls down, the essie and OPI Color Name Title Facebook, copy link) Really Long . & $ ## $% '! $ & . & $ $
11:56 AM
AT&T 11:56 AM
AT&T
Nail App
Nail App
Color Name Title
Color Name Title
a webpage pp in appstore r hasnâ&#x20AC;&#x2122;t signed ign inâ&#x20AC;&#x2122; and will gn in screen
1 HOME SCREEN: full list
1 HOME SCREEN: full list
ESSIE
11:56 AM AT&T
1.4 Full viewby colors which appear 12.1listFilter in a grid. Only the colors you have in your favoriteâ&#x20AC;&#x2122;s list are tappable. All other colors will be greyed out. Only one color can be tapped at a time and it automatically goes to the favoriteâ&#x20AC;&#x2122;s list, showing only those colors.
share with friends
easy solution without having to integrate an Color Name Title unnecessary extensive social component to the app Really Long
,") '
ESSIE
AT&T
screen will round 4%, * ,( s to color wheel colors of ny willanshow ens email etes selection on feedback it.
Color Name Title Really Long Variation
,") '
Color Name Title Really Long
ESSIE
Beauty in the details
Start your own favorites Color Namelist Title
Color Name Title Color Name Title Really Long Color Name Title Really Long
Color Name Title Really Long
e Title me Title ng
1.7 Color Name Title
Color Name Title
1.6
Color Name Title Really Long
1.7 Thereâ&#x20AC;&#x2122;s an Color example list inTitle the Name background but blurred, Really Long to motivate the user to start ESSIE their own fave list.
1.6 Swipe right to share color (via message, email, twitter, Facebook, copy link)
ESSIE
in, taking over full screen]
1.1 Image will be of the nail color in bottle (which also indicates the company, OPI/ESSIE)Creator: Mushky Ginsburg
Ginsburg y 09 2014
1.3 Pulling down the screen will -+ ," ++# 4%, * ,( appear. Only the colors of selected company will show in the list. Tap the selection again to deselect it.
1.4 Full list view
1.5 Swipe left to delete color from favorites list. 1.6 Swipe right to share color (via message, email, twitter, Facebook, copy link)
3
Nail Color App Add Color % , Fri May 09 2014
1.2 Tapping the icon will take user to â&#x20AC;&#x2DC;add colorâ&#x20AC;&#x2122; screen (2.0). [Icon animates by zooming
and how you addressed them, your
1.7 Thereâ&#x20AC;&#x2122;s an example list in the background but blurred, to motivate the user to start their own fave list. 3
9
in, taking over full screen]
olor quickly
Creator: Mushky Ginsburg % , Fri May 09 2014
visuals were all well designed and
3
2. ADD COLOR
4. SCAN BARCODE
4. SCAN BARCODE: Status
consistent... ADD COLOR: option B
ADD COLOR: option A
OLOR SCREEN Nail Color App 1 Add Color Tab AT&T
HOME SCREEN COLOR PROFILE
4.1
11:56 AM
SEARCH RESULTS (if more than one)
AT&T
AT&T
AT&T
11:56 AM
Nail App
2.0
Coloryour Name save color Title
2.1
Back
enter color name
Color description goes here Search dress to thrill. slip on this by name 11:56 AM AT&T oh-so-deep iridescent currant lacquer for a Nail App Back ex: ballet slippers; gleaming, captivatingly killer look that comes charging to the fashion rescue.
2.2
tag one
or
tag two
2.4
Search by barcode
11:56 AM
AT&T
4.2
Add Color
Nail App
Nail App
Flash on 11:56 AM
AT&T
red
Back
2.1
â&#x20AC;&#x2DC;search entryâ&#x20AC;&#x2122;
Color Name Title
Color Name Title
3.1
scan barcode
2.5
4.4
Color Name Title
barcode icon by Charles-Axel Pauwels
Search by color
2.3
hold barcode steady and 4.3 % ! #" " &
Color Name Title Really Long
* & # '
Cancel
3
Cancel
Iâ&#x20AC;&#x2122;m feeling lucky
1.1 go back screen takes user to previous screen
2.2 tap to scan nail polish bar code
1.1 instructions for scanning
"# + !
11:56 AM
Add Color
and instincts in workshops, and think Search by name or color
youâ&#x20AC;&#x2122;ve proven a capacity for user scan barcode
4.6
empathy, distilling research, identifying moods
pain points to design for, and iterative glamerous
gothic
romantic
testing and problem solving.â&#x20AC;?
christine walthall
1
! * % #! can enter in a color or ! * ! ! 3 for search results)
1.3 discover colors by ! " % & lets you tap the color the spinner landed on.
AT&T
lady like
Color Name Title Really Long Variation
Creator: Mushky Ginsburg
Sun May 04 2014
We appreciated your visual acuity
4.5
Color Name Title Really Long
2.2
Color description goes here scan barcode dress to thrill. slip on this oh-so-deep iridescent currant lacquer for a 2.3 gleaming, captivatingly killer add color favorites salon look that comes explore charging to the fashion rescue.
Search by name or color
Flash on
3.0
tag three
add to favorites
11:56 AM
Add Color
11:56 AM
1.1 status bar lets the user % % ")!
Click images to see the app in motion
Instructor, General Assembly
4.5 Alternate options for discovering colors. " " ( ) # &) #"" " " random color. 4.6 Option B: search by mood
Page No. 13
clockwise from top left wireframe sketches // final project presentation // card sorting workshop opposite page app wireframes
Page No. 14
NailNail Color Nail Color App Color App App Onboarding Onboarding Onboarding
Nail Color App Favorite's List
Nail Color App Sign In
ONBOARDING ONBOARDING 1 ONBOARDING 1 1
ONBOARDING ONBOARDING 2 ONBOARDING 2 2
ONBOARDING ONBOARDING 3 ONBOARDING 3 3
LOGIN SCREEN
AT&T
Discover Discover colors, Discover colors, colors, spin thespin wheel. spin the wheel. the wheel.
Save and Save discover Save and discover and your discover your your favoritefavorite nail favorite colors nail colors nail colors in one place in one in place one place
AT&T
11:56 AM
Sign In
0.1
Nothing Nothing beatsNothing Fijibeatsbeats Fiji Fiji #wedding #wedding #mani #wedding #mani#mani #evesalon #evesalon #tan #evesalon #tan #tan
0.3
Facebook Login
Facebook Login
or
or
AT&T
Get Started! Get Started! Get Started!
11:56 AM
0.5
1.7
Color Name Title
Color Name Title
1.6
Color Name Title
0.6
1.2
2. ADD COLOR 2. ADD2. COLOR ADD COLOR
AT&T AT&T
AT&T
4. SCAN BARCODE 4. SCAN 4. BARCODE SCAN BARCODE
4.1 4.14.1
11:56 AM 11:56 AM 11:56 AM
AT&T AT&T
Add Color Add Color Add Color
11:56 AM 11:56 AM11:56 AM
AT&T
AT&T AT&T
Nail App 4.2 Nail4.2 App Nail App 4.2
AT&T
3. SEARCH
0.3 Email Login, tapping this will take user to next screen
11:56 AM 11:56 AM11:56 AM
AT&T
2.1 2.12.1
ex: ballet slippers; red ex: ballet ex: ballet slippers; slippers; red red
Color Name Title
Color Name Title
Color Name Title Really Long Variation
Color Name Title Really Long Variation
Color Name Title Really Long
Color Name Title Really Long
Color Name Title Really Long
1.4
Search by barcode 2.2 Search Search by barcode by barcode Creator: Creator: Creator: Mushky Mushky Mushky Ginsburg Ginsburg Ginsburg 2.22.2 Modified: Modified: Modified: MonMon May Mon May 26May 2014 26 26 2014 2014
2.3 2.32.3
hold steady and holdbarcode hold barcode barcode steady steady and and
Nail Nail ColorColor Nail AppNail Color AppColor App App 2.1 field where user Favorite Favorite Button Favorite Button Favorite Button Button 2.1search 2.1 search search fieldfield where where useruser
2.2 nail bar 2.2tap 2.2 tapto tap toscan scan to scan nailpolish nail polish polish bar bar code code code
AT&T
1.3 colors by 1.3discover 1.3 discover discover colors colors by by 5.1 5.1 5.1 5.1 spinning the only 11:56spinning AM spinning 11:56 AM 11:56 AM wheel. AT&T AT&T thewheel. the wheel. onlyonly lets tap the color the Red Nouveau Red Nouveau Red Redtap Nouveau letsyou lets youNouveau you tap the the color color the the spinner landed on. spinner spinner landed landed on. on. 11:56 AM AT&T
1.1 bar 1.1status 1.1 status status barlets bar letsthe lets theuser the useruser know what’ ssgoing on know know what’ what’ going s going on on
1.1 for 1.1instructions 1.1 instructions instructions forscanning scanning for scanning
5.5 5.5 AT&T
5.2 5.2 Red 5.2Red 5.2Nouveau Nouveau Red Red Nouveau Nouveau
11:56 AM AT&T
11:56 AM AT&T
11:56 AM
Meet the Meet new red the on new Meet thered block. the onMeet new the block. red the on new thered block. on the block. this must-have this must-have fiery hot thiscrimson fiery must-have hot thiscrimson must-have fiery hot crimson fiery hot crimson nail lacquer nailbursts lacquer onto nail bursts the lacquer scene onto nailbursts the lacquer scene onto bursts the scene onto the scene
.
11:56 AM AT&T
11:56 AM AT&T
11:56 AM AT&T
11:56 AM
AT&T
Red Nouveau Red Nouveau Red Nouveau Red Nouveau
Red Nouveau Red Nouveau Red Nouveau Red Nouveau
Red Red Nouveau Nouveau Red Red Nouveau Nouveau
Red Red Nouveau Nouveau Red Red Nouveau Nouveau
AT&T
11:56 AM
AT&T
11:56 AM
I
Malaga Wine searching for your color…
Creator: Mushky Ginsburg
11:56 AM AT&T
11:56 AM AT&T
11:56 AM AT&T
space
@
.
Color Name Title
Modified: 1 1 1 Mon May 26 2014
Nail Color App Add Photo or Note
3.3 Search has autofill and will populate with all polish names that include the search term. If it’s a palette color the option to see all the ‘red’ colors, for example, will appear
6. COLOR PROFILE
Nail AppNail App Nail AppNail App
AT&T
7.1 AT&T
Red Nouveau
Red Nouveau
Red Nouveau
3.7 This is an alternate view for search results. (leaning towards this one) The colors with the search term in the name will appear first then the other colors under that pallete (if applicable) will appear.
7. COLOR PROFILE: take photo
11:56 AM
Red Nouveau
space
123
@
.
Color Name Title
search
Color Name Title Really Long Variation
3.6 If the search term is a color from the spectrum (like ‘red’) then first the colors with that color in the name will appear (like ‘red nouvoua’) and then all colors categorized under that color.
3.5 Tap search on the keyboard to start the search
ColorTitle Name Color TitleName ColorTitle Name Title Color Name
Z X C V B N M California Raspberry
6. COLOR PROFILE: upload options
3.4 The search icon turns into an ‘x’ once the user starts typing 6.1 AT&T 11:56 AM
11:56 AM
3.8 Status update lets the user the app is searching 7. COLOR PROFILE: take photo approval
AT&T
11:56 AM
off
7.5
7.2
AT&T
11:56 AM
Meet the Meet new red the on new Meet thered block. the onMeet new the block. red the on new thered block. on the block. this must-have this must-have fiery hot thiscrimson fiery must-have hot thiscrimson must-have fiery hot crimson fiery hot crimson nail lacquer nailbursts lacquer onto nail bursts the lacquer scene onto nailbursts the lacquer scene onto bursts the scene onto the scene in vivid color in vivid – and color soin–will vivid and you. color soinwill vivid – you. and color so –will and you. so will you.
5.6 5.6
AT&T AT&T AT&T 11:56 AM 11:56 11:56 AM AM
RedRed Nouveau Red Nouveau Nouveau
AT&T AT&T AT&T 11:56 AM 11:56 11:56 AM AM
RedRed Nouveau Red Nouveau Nouveau
Red Red Red Nouveau Nouveau Nouveau
9.29.2 9.2
RedRed Nouveau Red Nouveau Nouveau
Red Red Red Nouveau Nouveau Nouveau 9.59.5 9.5
Got Got this Got this forthis Samantha’s forfor Samantha’s Samantha’s wedding. wedding. wedding. AlsoAlso great Also great for great forfor pedicure. pedicure. pedicure.
9.39.3 9.3
Meet the new red on the block. this must-have fiery hot crimson Choose photo nail lacquer bursts onto the scene in vivid color – and so will you.
6.4
9.49.4 9.4
Delete Delete Delete
MeetMeet the Meet new thethe new red new on redred the on on block. thethe block. block. this this must-have this must-have must-have fieryfiery hot fiery crimson hothot crimson crimson nail lacquer nailnail lacquer lacquer bursts bursts bursts ontoonto the onto scene thethe scene scene in vivid in vivid incolor vivid color –color and – and so – and will so so you. willwill you. you.
9.29.2 Tap 9.2 Tap the Tap the icon the icon icon to show toto show show note note note 9.39.3 Tap 9.3 Tap pencil Tap pencil pencil icon icon icon to edit toto edit edit note note note (takes (takes (takes user user user back back back to toto screen screen screen 8.2)8.2) 8.2) 9.49.4 Tap 9.4 Tap trash Tap trash trash icon icon icon to delete toto delete delete note note note (see (see (see 9.59.5 for 9.5 forfor confirmation) confirmation) confirmation)
9.59.5 User 9.5 User User confirms confirms confirms delete delete delete action action action
Nail Color NailNail Color App Color AppApp 6.2 ‘Take photo’ opens Settings Settings Settings &camera Filter &(see Filter &next Filter screen)
10. COLOR 10. 10. COLOR PROFILE: COLOR PROFILE: PROFILE: edit user editedit photo useruser photo photo
Red Red Red Nouveau Nouveau Nouveau
6.3 ‘Add note’ takes user to screen 8
AT&T
RedRed Nouveau Red Nouveau Nouveau
Red Red Red Nouveau Nouveau Nouveau Creator: Mushky Ginsburg Modified: Mon May 26 2014
10.2 10.2 10.2
10.1 10.1 10.1 Swipe Swipe Swipe right right right andand left and left toleft scroll toto scroll scroll through through through images. images. images. TapTap and Tap and and hold hold hold to edit toto edit the edit the photo the photo photo (see (see (see next next next screen screen screen for for options) for options) options) 10.2 10.2 10.2 TheThe number The number number of dots ofof dots dots on on the on the the bottom bottom bottom of the ofof the image the image image section section section reflects reflects reflects thethe number the number number of ofof images images images (mostly (mostly (mostly user user user generated generated generated images) images) images)
11:56 AM AT&T 11:56 AM 11:56 AM AT&T
7.3
7.7 7.6
7.4
8.2
Got this for Samantha’s wedding. Also great for pedicure.
I
10.3 10.3 10.3
MeetMeet the Meet new thethe new red new on redred the on on block. thethe block. block. this this must-have this must-have must-have fiery fiery hot fiery crimson hothot crimson crimson Edit Edit Edit nail lacquer nailnail lacquer lacquer bursts bursts bursts ontoonto the onto scene thethe scene scene in vivid in vivid incolor vivid color –color and – and so – and will so so you. willwill you. you.
ESSIE
11.1
ESSIE ESSIEOPI
11.1OPI 11.1
6 Color 6TitleName 6 Title Title Color Name Color Name
About About About
Color Name Color TitleName Color Name Title Title
RateReally Rate Rate Long Really Really Long Long
A S D F G H J K L
Z X C V B N M
7.5 Photo the user just took appears here
7.2 Viewfinder area
7.6 Tap checkmark to approve image [animates by
7.3 ‘Capture’ button 12. FILTER 12. FILTER 12. FILTER 7.4 Cancel to go back to color profile (previous screen) 11:56 AM AT&T 11:56 AM 11:56 AM AT&T
Filter by:
space
@
.
return
8.1 Text hint advises user to start typing
Z X C V B N M 123
space
@
.
return
8.2 Check icon appears once user starts typing. Tapping the icon will add the note to the color profile.
zooming out into the photo area 12. FILTER: when 12. filter FILTER: is 12. selected when FILTER: filter when is selected filter is selected of the color profile]
7.7 ‘Retake’ takes user to previous screen where 12.2 12.2 12.2 photo they can retake 11:56 AM AT&T AT&T AT&T
Filter by: Filter by:
11:56 AM 11:56 AM
Nail App Nail App Nail App
12.3
Filtering by metallics FilteringFiltering by metallics by metallics
Discover Discover Discover Color Name Color TitleName Title Title Color Name
6
Q W E R T Y U I O P
A S D F G H J K L
123
OPI
Feedback Feedback Feedback
Q W E R T Y U I O P
Retake
7.1 Tap flash icon to turn light on or off
AT&T
Nail App Nail App Nail App
10.1 10.1 10.1
MeetMeet the Meet new thethe new red new on redred the on on block. thethe block. block. this this must-have this must-have must-have fieryfiery hot fiery crimson hothot crimson crimson nail lacquer nailnail lacquer lacquer bursts bursts bursts ontoonto the onto scene thethe scene scene in vivid in vivid incolor vivid color –color and – and so – and will so so you. willwill you. you.
6.3 ‘Choose photo’ takes user to phone’s photo album 11. SETTINGS 11. SETTINGS 11. SETTINGS
AT&T AT&T AT&T 11:56 AM 11:56 11:56 AM AM
RedRed Nouveau Red Nouveau Nouveau
Got Got this Got this forthis Samantha’s forfor Samantha’s Samantha’s wedding. wedding. wedding. AlsoAlso great Also great for great forfor Are Are you Are you sure you sure you sure you want you want want pedicure. pedicure. pedicure. to delete to to delete delete youryour note? your note? note? Cancel Cancel Cancel
MeetMeet the Meet new thethe new red new on redred the on on block. thethe block. block. this this must-have this must-have must-have fieryfiery hot fiery crimson hothot crimson crimson nail lacquer nailnail lacquer lacquer bursts bursts bursts ontoonto the onto scene thethe scene scene in vivid in vivid incolor vivid color –color and – and so – and will so so you. willwill you. you.
AT&T AT&T AT&T 11:56 AM 11:56 11:56 AM AM
6.1 Tap upload icon to add a photo or note to the color profile
Delete Delete Delete
Creator: Creator: Creator: Mushky Mushky Mushky Ginsburg Ginsburg Ginsburg Modified: Modified: Modified: Mon Mon Mon May May May 2626 2014 262014 2014
11:56 AM
Red Nouveau
IAdd note…
5
Take photo
6.3
Add note
Nail Nail Nail Color Color Color App App App
9.19.1 Message 9.1 Message Message icon icon icon indicates indicates indicates there’s there’s there’s a note aa note note
AT&T
8.1
Red Nouveau
Color name
4 4
Meet the new red on the block. this must-have fiery hot crimson nail lacquer bursts onto the scene in vivid color – and so will you.
5.6 5.6
5.5 The 5.5 fave Theicon 5.5 favezooms The icon 5.5 fave zooms The in icon tofave inzooms icon to zooms in to in5.6 to The 5.6 pressed The 5.6 pressed state The 5.6 turns pressed state Theto turns pressed state to turns stateto turns to Edit Edit Edit Photo Photo Photo oror Note orNote Note take over takethe over screen take theover screen take andthe over and screen the screen and and the same the color same the as color same thethe ascolor same the as color the as the 5.2 Background 5.2 Background 5.2ofBackground the 5.2color ofBackground theprofile color of the profile color of theprofile color profile then animates then animates then backanimates to then back theanimates to back the toback the to the background background (nail background color) (nail background color) (nail color) (nail color) screenscreen slowly slowly turns screen into turns screen slowly theinto same slowly turns the into same turns theinto same the same favoritefavorite list. list. favoritefavorite list. list. with only witha only thinwith outline. a thin only with outline. a only thin outline. a thin outline. color as color thatas nail color that polish nail as color that polish color as nail that color polish nail polish color color Tapping Tapping it again Tapping it will again Tapping will it againit will again will unfavorite unfavorite it, and unfavorite it, get and unfavorite it get it, and it it, get and it get it 9. COLOR 9. COLOR 9. PROFILE: COLOR PROFILE: PROFILE: with note withwith notenote 9. COLOR 9. COLOR 9. PROFILE: COLOR PROFILE: PROFILE: with note withwith notenote 9. COLOR 9. COLOR 9. PROFILE: COLOR PROFILE: PROFILE: with note withwith notenote 10. COLOR 10. 10. COLOR PROFILE: COLOR PROFILE: PROFILE: edit user editedit photo useruser photo photo 5.3 Nail 5.3 polish Nail 5.3 polish description Nail 5.3 description polish Nail willpolish description be willdescription be will be will be back to back original to back original state. to back state. original to original state. state. taken from takencompany’s from taken company’s from taken website company’s from website company’s website website
MeetMeet the Meet new thethe new red new on redred the on on block. thethe block. block. this this must-have this must-have must-have fieryfiery hot fiery crimson hothot crimson crimson nail lacquer nailnail lacquer lacquer bursts bursts bursts ontoonto the onto scene thethe scene scene in vivid in vivid incolor vivid color –color and – and so – and will so so you. willwill you. you.
8. COLOR PROFILE: add note
11:56 AM
6.2 4
Creator: Mushky Ginsburg Mon May 26 2014 RedModified: Nouveau Red Nouveau Red Nouveau Red Nouveau
5.1 Upload 5.1 Upload icon 5.1(see icon Upload 5.1 6.1) (see Upload icon 6.1)(see icon6.1) (see 6.1)
Creator: Creator: Mushky Creator: Mushky Creator: Ginsburg Mushky Ginsburg Mushky Ginsburg Ginsburg 9.19.1 9.1 Modified: Modified: Mon Modified: May Mon Modified: 26 May Mon 2014 26May Mon 2014 26 May 2014 26 2014
3.9 If no results to show then this message appears with the 5 most popular colors showing up
8. COLOR PROFILE: add note
Cancel
Red Red Red Nouveau Nouveau Nouveau
Color Name Title Really Long
A S D F G H J K L Color Name Title Really Long Variation Color Name Title Really Long Variation
3
2 Color Name Title
Q W E R T Y U I O P
Color Name Title
search
3.9
ColorTitle Name Color TitleName ColorTitle Name Title Color Name
Meet the Meet new red the on new Meet thered block. the onMeet new the block. red the on new thered block. on the block. this must-have this must-have fiery hot thiscrimson fiery must-have hot thiscrimson must-have fiery hot crimson fiery hot crimson nail lacquer nailbursts lacquer onto nail bursts the lacquer scene onto nailbursts the lacquer scene onto bursts the scene onto the scene in vivid color in vivid – and color soin–will vivid and you. color soinwill vivid – you. and color so –will and you. so will you.
5.4 user 5.4taps userthis 5.4 taps button user this 5.4taps button user to add this taps to color button add this color button to addto color add color to favorite’s to favorite’s listto favorite’s listtoAT&T favorite’s list11:5611:56 list AT&T AT&T 11:56 AM AM AM
11:56 AM
Errr… looks like nothing came up, here are some popular colors
3.8
Color Name Title Really Long
Z X C V B3.5 N M 123
1.7 There’s an example list in the background but blurred, to motivate the user to start their own fave list.
1.6 Swipe right to share color (via message, email, twitter, Facebook, copy link)
results for ‘adfsdadsf’
Add Color
adfsdadsf
A S D F G H J K L
search
3.2 ‘Recent’ shows the top 5 last search terms AT&T
Creator: Mushky Ginsburg Creator: Creator: Mushky Mushky Ginsburg Ginsburg Modified: Mon May 26 Modified: Modified: Mon Mon May May 262014 26 2014 2014 5.3 5.3 5.3 5.3
in vivid color in 5.4 vivid – and color so5.4 in–will vivid and you. color soinwill vivid – you. and color so –will and you. so will you. 5.4 5.4
@
5. COLOR ADDED 5. COLOR TO FAVORITES ADDED 5. COLOR TO FAVORITES ADDED 5. COLOR TO FAVORITES ADDED TO FAVORITES
5.5 5.5 11:56 AM AT&T
space
3.1 Text in the search field before the user starts typing let’s users know they can search for a color or a specific name.
5. ADD TO FAVORITES 5. ADD TO FAVORITES 5. ADD TO FAVORITES 5. ADD TO FAVORITES
1.5 Swipe left to delete color from favorites list.
3. SEARCH: no results
results for ‘red’
3.7
Color Name Title
3.6
Q W E R T Y U I O P
A S D F G H J K L
123
1.1 flash on off 1.1turn 1.1 turnturn flashflash onoror on off or off
5. ADD TO FAVORITES 5. ADD TO FAVORITES 5. ADD TO FAVORITES 5. ADD TO FAVORITES
3.4
Red Nouveau
Q W E R T Y U I O P
Cancel Cancel Cancel
1.1 screen takes user 1.1go 1.1 goback back go back screen screen takes takes useruser totoprevious screen previous to previous screen screen
can ininaacolor oror or canenter can enter enter in color a color specific name (see screen specific specific name name (see(see screen screen 33for results) for3search search for search results) results)
I
Color Name Title
Really Red
Z X C V B N M
Cancel Cancel Cancel
1.4 Full list view
Red Nouveau
finding your color… finding finding your your color… color…
camera will 4.3 willscan scan will automatically scan automatically automatically 4.3camera 4.3camera
5. ADD TO FAVORITES 5. ADD TO FAVORITES 5. ADD TO FAVORITES 5. ADD TO FAVORITES
Slippers Creator:Ballet Mushky Ginsburg Rock Mon Candy May 26 2014 Modified: 4.5 4.54.5 Forget Me Nots
4.4 4.44.4
AT&T
11:56 AM
results for ‘red’
see all red colors
ESSIE
ESSIE
in, taking over full screen]
AT&T
11:56 AM
Add Color
red
1.3 Pulling down the screen will cause the Essie/OPI filter to appear. Only the colors of selected company will show in the list. Tap the selection 3. SEARCH: status again to deselect it.
Really Long
Color Name Title Really Long Variation
3. SEARCH: color swatch results option B
1.2 Tapping the icon will take user to ‘add color’ screen (2.0). [Icon animates by zooming
3.3
3.2
Recent
Search by color Search Search by color by color
AT&T
11:56 AM
0.4 User skip without Color 3.1 canAdd signing in. They’ll have an option to sign in later in the or color ISearch by name settings screen.
Flash on Flash on Flash on
3. SEARCH: search results
0.6 These form fields appear in place of the ‘sign in with email’ button on previous screen
Start your own favorites Color Namelist Title
Color Name Title Really Long
Color Name Title
1.1 Image will be of the nail color in bottle (which also indicates the company, OPI/ESSIE)
3. SEARCH: suggested content
0.2 Facebook Login
Nail App Nail App Nail App
Flash on Flash on Flash on
Search by name Search Search by name by name
0.5 Facebook button gets lighter but the user still has the option to tap the button if they choose to
their info will remain safe and why we’re asking for their info in the first place
4. SCAN BARCODE: Status 4. SCAN 4. BARCODE: SCAN BARCODE: Status Status
Color Name Title
Color Name Title
Color Name Title Really Long
Color Name Title Really Long
Skip
Nail Color App Search 0.1 Copy lets the user know that
Nail App
Color Name Title
Color Name Title
ESSIE
Nail Color App Nail Nail Color Color App App Add Color Add Add Color Color
11:56 AM
AT&T
1.5
Nail App
OPI
Color Name Title
Color Name Title Really Long
Skip
11:56 AM
AT&T
Nail App
1. HOME SCREEN: empty state
Color Name Title
Confirm
0.4
1. HOME SCREEN: sliding options
11:56 AM
AT&T
1.3
Nail App ESSIE
Password
Add photos Add Add photos & notes photos & notes & notes to yourto colors your to your colors colors
1 HOME SCREEN: full list
Color Name Title
Sign in with email
11:56 AM
Nail App
1.1
We’ll never post without your permission, just need to sign in so that you can access your colors later on.
0.2
1 HOME SCREEN: filter
AT&T
11:56 AM
Sign In
We’ll never post without your permission, just need to sign in so that you can access your colors later on.
Mint MintMint CandyCandy Candy Apple Apple Apple
1 HOME SCREEN
LOGIN SCREEN: Email sign in
12.3 12.3
Color Name Color TitleName Color Name Title Title
12.1
12.1 12.1
Color Name Color TitleName Color Name Title Title
7
Color Name Color TitleName Color Name Title Title Really Long Really Really Long Long
LogoutLogout Logout
10.4 10.4 10.4
10.3 10.3 10.3 EditEdit will Edit will take will take take user user user to toto camera camera camera mode mode mode (screen (screen (screen 7) 7)7) 10.4 10.4 10.4 Delete Delete Delete willwill take will take take user user user to toto confirmation confirmation confirmation screen screen screen (9.5) (9.5) (9.5)
11.1 Blurred 11.1 11.1 Blurred background Blurred background background 12.1 Filter 12.1 by12.1 Filter colors Filter bywhich colors by colors appear which which appear appear 12.2 The 12.2 filter 12.2 The barfilter The indicating filter bar indicating bar which indicating which which Discover Discover goes Discover to goes colorgoes to wheel color to color wheel wheel in a grid.inOnly a grid. in the a grid. Only colors Only theyou colors the colors you you color is color showing color is showing isisalways showing is remains always is always remains remains screen screen screen have in your havehave favorite’s in your in your favorite’s list favorite’s are list are list are under the under topunder the bar, top even thebar, top if there even bar, even is if there a if there is a is a Feedback Feedback opens Feedback an opens email opens an email an email tappable. tappable. Alltappable. otherAll colors other All other will colors colors will will long list,long untillong list, theuntil list, useruntil the x’s user it. theIf the user x’s it.x’s If the it. If the with helper withnotes with helper helper onnotes feedback notes on feedback on feedback be greyed be out. greyed be Only greyed out. oneOnly out. color Only one color one color user pulls user down, user pullsthe pulls down, essie down, the and essie the OPI essie and OPI and OPI suggestions suggestions suggestions can be tapped can be cantapped atbe a time tapped atand a time atit a time and itand it filter appears filter filter appears under appears the under filter under the bar.filter the filter bar. bar. About opens About About aopens webpage opens a webpage a webpage automatically automatically automatically goes to goes the goes to theto the (setting (setting icon (setting disappears icon icon disappears when disappears filter whenwhen filter filter Rate opens RateRate app opens inopens appstore app in app appstore in appstore favorite’sfavorite’s list,favorite’s showing list, showing list, onlyshowing only only bar is visible) bar isbar visible) is visible) LogoutLogout if user Logout hasn’t if user ifsigned user hasn’t hasn’t signed signed those colors. thosethose colors. colors. in, it willin, sayit in, ‘sign willitsay will in’‘sign say and ‘sign will in’ and in’ will and will take user take to take sign user in user toscreen sign to sign in screen in screen (screen (screen 0.1) (screen 0.1) 0.1)
Creator: Creator: Mushky Creator: Mushky Ginsburg Mushky Ginsburg Ginsburg 882014 Modified: Modified: Modified: Mon May MonMon 26 May 2014 May 2682014 26
9
9 9
Page No. 15
project
device buy back website web design
International website for customers to cash in their used devices role
DESIGNER
ta s k e d w i t h WEB DESIGN USER INTERFACE USER FLOWS STYLE GUIDE
tools: indesign photoshop
Page No. 16
Device: step 1 of 5
clickeD
hover
your phone value
STYLE GUIDE
Style Guide Guide Style
$375
$0
$400
iPhone Helvetica Neue UltraiPadLight
Helvetica Neue Light 3GS 8GB
4 8GB
helvetica neue regular yes
iphone |
no
get paid paid get
getpaid paid get
regular
get paid paid get
getpaid paid get
hover hover
get get paid paid
get getpaid paid
presseD presseD
no
regular
hover
regular
inactive
regular
$400
Helvetica Neue Ultra Light
Device: step 1 of 5
hover
$375
$0
Device: step 1 of 5
clickeD
5 16GB
Helvetica Neue Bold
your phone value
clickeD
4S 8GB
Mob
Helvetica Neue Medium
yes
iphone |
search for your phone
search for your phone
re
Helvetica Neue Light
inactive
helvetica neue regular iPhone
iPad
iPhone
3GS 8GB
3GS 8GB
your phone value $0
your phone value
iPad
4 8GB
4S 8GB
4 8GB
4S 8GB
$375
$375
$400
Mobile phone
5 16GB
5 16GB
Helvetica Neue Medium
Tablet Tablet
Mobile phone
Tablet 5S 16GB
5C 16GB
5C 16GB
5S 16GB Helvetica
5S 16GB
Neue Bold
Page No. 17
CHOOSE YOUR DEVICE
6 steps to determine device’s value
price bar updates to reflect device’s value based on user’s selections
Page No. 18
ONE PAGE CHECKOUT shopping cart always visible on checkout page so adjustments can be made easily checkout process bar with 3 easy steps
Page No. 19
T H E S PAC E B R A N D I N G : LO G O
project
the space branding
Brooklyn based, high end gym/yoga studio role
DESIGNER
ta s k e d w i t h LOGO BRANDING AD CAMPAIGN
tools pen & paper illustrator indesign photoshop awa r d
Winner of beyond the logo Skillshare class with Courtney Eliseo of Seamless Creative featured on
DesignWorkLife Blog http://bit.ly/TKYVwR AIGA Member Gallery on Behance
Page No. 20
Primary Logo
T H E S PAC E B R A N D I N G : M O O D B OA R D
T H E S PAC E B R A N D I N G : LO G O
T H E S PAC E B R A N D I N G : S E C O N DA R Y LO G O
T H E S PAC E B R A N D I N G : C O LO R S
Deep Navy CMYK: 90 60 50 30 RGB: 30 77 90
Teal CMYK: 72 0 23 15 RGB: 0 165 177
Tiffany Blue CMYK: 41 0 19 0 RGB: 147 212 211
Barn Red CMYK: 3 92 77 0 RGB: 231 59 65
Ash Grey CMYK: 0 0 0 20 RGB: 209 211 212
Seafoam CMYK: 23 0 9 0 RGB: 193 230 231
T H E S PAC E B R A N D I N G : T Y P O G R A P H Y
T H E S PAC E B R A N D I N G : T Y P O G R A P H Y
PILATES
YOGA BOOTCAMP ZUMBA
T H E S PAC E B R A N D I N G : LO G O S TA M P
AVENIR 35 ROMAN
ZIGGURAT BLACK
In this busy, high tech world of ours, we know how difficult it is to get a moment to yourself. With this in mind, we created a space, and a program, that pampers the mind, body and soul. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 1234567890
AVENIR 95 BLACK
ZIGGURAT BLACK ITALIC
In this busy, high tech world of ours, we know how difficult it is to get a moment to yourself. With this in mind, we created a space, and a program, that pampers the mind, body and soul. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 1234567890
T H E S PAC E B R A N D I N G : B R A N D E L E M E N T S
T H E S PAC E B R A N D I N G : T Y P O G R A P H Y
your body hears everything your mind says
Fire up that entire ENERGY-PRODUCING, OXYGEN-DELIVERING, BONE-STRENGTHENING process we call running.
no one ever DROWNED in sweat FLORENCE GRIFFITH-JOYNER
PATTERN
CUSTOM ICONS
CUSTOM ICONS—ONE COLOR
T H E S PAC E B R A N D I N G : I D E N T I T Y C O L L AG E
Sweat the small stuΩ.
Sample campaign: The secondary logo is situated strategically on top of a large studio image, highlighting the focal point of attending classes at The Space.
162
Drink up
bpm
Whether you’re an elite athlete or a weekend warrior, drinking water during exercise is essential if you want to get the most out of your workout and feel good while you’re doing it.
15 page brand guide Page No. 21
Secondary Logo
Page No. 22
your body hears everything your mind says
Fire up that entire ENERGY-PRODUCING, OXYGEN-DELIVERING, BONE-STRENGTHENING process we call running.
no one ever DROWNED in sweat FLORENCE GRIFFITH-JOYNER
Page No. 23
Page No. 24
ad campaign: Logo placed strategically on top of large studio images with the square framing the advantages of attending classes at The Space (e.g. muscle, serenity).
Page No. 25
project
bynex corporation web design role
DESIGNER
ta s k e d w i t h WEB DESIGN USER INTERFACE STYLE GUIDE
tools indesign photoshop
Page No. 26
Page No. 27
doluptu
milita q
SERV
Brand C
Logo De
Advertis
Page No. 28
Page No. 29
project
the great jewish big rig print
Fundraising brochure for the first of its kind museum on wheels role
DESIGNER
ta s k e d w i t h ART DIRECTION LAYOUT SETUP FOR PRINT
tools indesign photoshop
Page No. 30
Page No. 31
Page No. 32
Page No. 33
project
love in normandy personal project
love in normandy is a book of 300+ original love letters handwritten by a U.S. soldier (my grandfather) to his fiancĂŠ during wwii. role
DESIGNER
ta s k e d w i t h HANDLETTERING EXPLORATION
tools pencil dot grid notebook microns sharpies photoshop indesign
Page No. 34
Page No. 35
project
rules of civility book cover
Handlettered book cover for Kevin Brainard at School of Visual Arts role
CONCEPT & DESIGN
ta s k e d w i t h ART DIRECTION LAYOUT
tools pencil dot grid notebook microns photoshop indesign gold foil
Page No. 36
Page No. 37
i n s p i r a t i o n
PEOPLE
BOOKS
Jon Contino
Brand Thinking by Debbie Millman
Tina Roth Eisenberg Louise Fili Debbie Millman Matt Stevens Dana Tanamachi James Victore
Dangerous Curves by Doyald Young Eligantissima by Louise Fili Graphic Design Thinking by Ellen Lupton How to Think Like a Great Graphic Designer by Debbie Millman Show Your Work by Austin Kleon Sign Painters by Faythe Levine, Sam Macon Speedball Textbook by George Ross Steal Like an Artist by Austin Kleon The Elements of Typographic Style by Robert Bringhurst The Universal Penman by George Bickham Thinking with Type by Ellen Lupton
Page No. 38
c o n t a c t
dribbble
dribbble.com/adhdesigner
behance
behance.net/adh
instagram.com/adhdesigner
y to 1 wa # d vote n touch i ge t
tumblr
archdesignhouse.tumblr.com
linkd.in/1jV63Od
mushkyginsburg@yahoo.com
Page No. 39
“the work you do while you procrastinate is probably the work you should be doing for the rest of your life.” —jessica hische
Page No. 40
font used: Adobe Caslon Pro front cover & inside spread: Custom lettering