Music on Vine  

Marketing Campaign, August 2015

DeTails

Music has been part of Vine’s culture since the beginning. Now, we’re connecting you to the music you love, starting with new ways to discover and create with music on Vine.

SKILLS

Product Design
Marketing
Web Design
Motion Design
Video Editing

TEAM

Jason Mante, Art Direction
Ryan Swigart, UI Design
Janessa Det, Web Engineer
Kristian Bauer, iOS Engineer

 

 

Supporting Splash Page

 
 

Onboarding flow

 
 

Recording of final onboarding experience

Explore - iPhone 6 Copy 56.png
Explore - iPhone 6 Copy 54.png
Explore - iPhone 6 Copy 55.png
Explore - iPhone 6 Copy 52.png

Stills from onboarding flow

Early sketches for flow

Early sketches for flow

Early wireframes

Second round of wire

Explore - iPhone 6 Copy 48.png
Explore - iPhone 6 Copy 51.png
Explore - iPhone 6 Copy 50.png
Explore - iPhone 6 Copy 49.png

"Breadcrumbs" used to guide users through the new features of Music on Vine

 

Instructional Videos

The onboarding videos were then turned into in individual Vines used on the announcement blog post and on all social channels.

 

Waveform Animations

waveform_2.gif
waveform_3.gif
waveform_5_3.gif
waveform_4.gif
waveform_6.gif
waveform_7.gif
 

Supporting Iconography

music_avatars_4.png
music_avatars_1.png
music_avatars_2.png
music_avatars_3.png