SlideShare a Scribd company logo
A Visual Design Project by
Claire Frisby
[Brand Objective & Strategy]
Objective
Attract young adults to use Beat.box through custom,
culture-driven playlists
Strategy
Create a superior music streaming solution through
the creation of custom playlists to explore and
discover new music
[Competitive Scorecard]
• Each system offers a similar approach to search upon arriving on the site
• Pandora is the only platform with no imagery prior to selecting a theme
• While Apple Music & Spotify create places for you to discover new music, Tidal
showcases a way for you to get discovered as an artist
• Key features driving use of these tools include: exclusivity, discovery, & continuity
[Audience Survey]
[Words That Make a Beat]
unique perspective
tailored cultural touchpoints
young
adaptive
unexpected
in-the-know
lifestyle
quick & easy
novelsocially-active
curated
emerging
Inspiration Driving Site Imagery, Color, & Language
[Moodboard]
Vibrant Iteration
[Moodboard]
Sleek, Modern Iteration
[Color Schemes]
[ ]
[Style Guide]
[Landing Page Wireframe]
Header Image
Pre-Made Playlists
Customized for You
How it Works + Get Started
[Landing Page Screen View]
View by Platform
Desktop
Landing Page
[Desktop Landing Page]
Menu Bar + Hero Image
[Desktop Landing Page]
Second Fold | Pre-Made Playlists
[Desktop Landing Page]
Third Fold | Personalized for You
[Desktop Landing Page]
Fourth Fold | Driving Action
[Desktop Landing Page]
Page Footer
Tablet
Landing Page
[Tablet Landing Page]
Menu Bar + Hero Image
Second Fold
[Tablet Landing Page]
Third Fold
[Tablet Landing Page]
Fourth Fold + Page Footer
[Tablet Landing Page]
Mobile
Landing Page
[Mobile Landing Page]
Menu Bar + Hero Image
Second Fold
[Mobile Landing Page]
Third Fold
[Tablet Landing Page]
Fourth Fold + Page Footer
[Tablet Landing Page]
Beat.box_ClaireFrisby

More Related Content

Viewers also liked

Nr512 full course latest
Nr512 full course latestNr512 full course latest
Nr512 full course latest
coursesexams1
 
Cloreto de magnésio propriedades e contra indicações - innatia
Cloreto de magnésio  propriedades e contra indicações - innatiaCloreto de magnésio  propriedades e contra indicações - innatia
Cloreto de magnésio propriedades e contra indicações - innatia
Laires Soares
 
Craft + Do bem explicação de evento
Craft + Do bem explicação de eventoCraft + Do bem explicação de evento
Craft + Do bem explicação de evento
Alisson Rodrigues
 
Jsmm2011
Jsmm2011Jsmm2011
Jsmm2011
Gonzalo Martín
 
Sua may cham cong gia re, tan noi ( Seiko Z120 )
Sua may cham cong gia re, tan noi ( Seiko Z120 )Sua may cham cong gia re, tan noi ( Seiko Z120 )
Sua may cham cong gia re, tan noi ( Seiko Z120 )
mayvanphong9x
 
18. twitter
18. twitter18. twitter
18. twitter
Franklin Pirela
 
Tics Lac
Tics LacTics Lac
Tics Lac
quchito20
 
Marketing Emozionale. Come distinguersi e farsi ricordare dagli ospiti grazie...
Marketing Emozionale. Come distinguersi e farsi ricordare dagli ospiti grazie...Marketing Emozionale. Come distinguersi e farsi ricordare dagli ospiti grazie...
Marketing Emozionale. Come distinguersi e farsi ricordare dagli ospiti grazie...
Roberto Lovato
 
«тиждень безпеки дитини» №4 “ластівка”
«тиждень безпеки дитини» №4 “ластівка”«тиждень безпеки дитини» №4 “ластівка”
«тиждень безпеки дитини» №4 “ластівка”
jekah
 

Viewers also liked (9)

Nr512 full course latest
Nr512 full course latestNr512 full course latest
Nr512 full course latest
 
Cloreto de magnésio propriedades e contra indicações - innatia
Cloreto de magnésio  propriedades e contra indicações - innatiaCloreto de magnésio  propriedades e contra indicações - innatia
Cloreto de magnésio propriedades e contra indicações - innatia
 
Craft + Do bem explicação de evento
Craft + Do bem explicação de eventoCraft + Do bem explicação de evento
Craft + Do bem explicação de evento
 
Jsmm2011
Jsmm2011Jsmm2011
Jsmm2011
 
Sua may cham cong gia re, tan noi ( Seiko Z120 )
Sua may cham cong gia re, tan noi ( Seiko Z120 )Sua may cham cong gia re, tan noi ( Seiko Z120 )
Sua may cham cong gia re, tan noi ( Seiko Z120 )
 
18. twitter
18. twitter18. twitter
18. twitter
 
Tics Lac
Tics LacTics Lac
Tics Lac
 
Marketing Emozionale. Come distinguersi e farsi ricordare dagli ospiti grazie...
Marketing Emozionale. Come distinguersi e farsi ricordare dagli ospiti grazie...Marketing Emozionale. Come distinguersi e farsi ricordare dagli ospiti grazie...
Marketing Emozionale. Come distinguersi e farsi ricordare dagli ospiti grazie...
 
«тиждень безпеки дитини» №4 “ластівка”
«тиждень безпеки дитини» №4 “ластівка”«тиждень безпеки дитини» №4 “ластівка”
«тиждень безпеки дитини» №4 “ластівка”
 

Similar to Beat.box_ClaireFrisby

Lauren cleave supre slideshow
Lauren cleave supre slideshowLauren cleave supre slideshow
Lauren cleave supre slideshow
laurencleave
 
Building the Creative Economy in Carrboro
Building the Creative Economy in CarrboroBuilding the Creative Economy in Carrboro
Building the Creative Economy in Carrboro
The Chamber For a Greater Chapel Hill-Carrboro
 
Talenthouse - UX Website Redesign
Talenthouse - UX Website RedesignTalenthouse - UX Website Redesign
Talenthouse - UX Website Redesign
Lisandra Maioli
 
Digital music marketing
Digital music marketingDigital music marketing
Digital music marketing
Vorapoj Nimvijit
 
Escape from Ember
Escape from EmberEscape from Ember
Escape from Ember
dhdavidson
 
Nea research task 7 websites
Nea research task 7 websitesNea research task 7 websites
Nea research task 7 websites
twbsmediaconnell
 

Similar to Beat.box_ClaireFrisby (6)

Lauren cleave supre slideshow
Lauren cleave supre slideshowLauren cleave supre slideshow
Lauren cleave supre slideshow
 
Building the Creative Economy in Carrboro
Building the Creative Economy in CarrboroBuilding the Creative Economy in Carrboro
Building the Creative Economy in Carrboro
 
Talenthouse - UX Website Redesign
Talenthouse - UX Website RedesignTalenthouse - UX Website Redesign
Talenthouse - UX Website Redesign
 
Digital music marketing
Digital music marketingDigital music marketing
Digital music marketing
 
Escape from Ember
Escape from EmberEscape from Ember
Escape from Ember
 
Nea research task 7 websites
Nea research task 7 websitesNea research task 7 websites
Nea research task 7 websites
 

Beat.box_ClaireFrisby