Canada 150 & Spotify Website Campaign

Spotify and Canada 150 teamed up to celebrate Canada’s 150 birthday through an interactive musical timeline. I’ve worked on this campaign from day 1. From the day where the team started brainstorming together to the day the website went live.

2017
Canada 150 Spotify UX website animation
Wireframes
loading mobile wireframe prototype black and white 28%
loading mobile wireframe prototype black and white 28%
Mobile UX wireframe interaction explore
Mobile UX wireframe interaction explore
Mobile UX wireframe interaction timeline
Mobile UX wireframe interaction timeline
Mobile UX wireframe interaction timeline playlist music
Mobile UX wireframe interaction timeline playlist music
Mobile UX wireframe interaction timeline playlist music
Mobile UX wireframe interaction timeline playlist music
Mobile UX wireframe interaction timeline playlist music videos
Mobile UX wireframe interaction timeline playlist music videos
Mobile UX wireframe interaction timeline playlist music canada dates
Mobile UX wireframe interaction timeline playlist music canada dates
The user is directed to the website via audio and display ads on Spotify. Here they can explore Canadian music and music facts.
Desktop loading circle 28% prototype wireframe
Desktop loading circle 28% prototype wireframe
Desktop UX wireframe landing page start exploring CTA button
Desktop UX wireframe landing page start exploring CTA button
Desktop UX wireframe timeline
Desktop UX wireframe timeline
Desktop UX wireframe timeline music playlist spotify
Desktop UX wireframe timeline music playlist spotify
Desktop UX wireframe timeline music playlist spotify
Desktop UX wireframe timeline music playlist spotify
Desktop UX wireframe timeline music playlist spotify
Desktop UX wireframe timeline music playlist spotify
Desktop UX wireframe timeline music videos spotify canada
Desktop UX wireframe timeline music videos spotify canada
Desktop UX wireframe timeline canada dates
Desktop UX wireframe timeline canada dates
UI Design
UI Mobile Prototype red 28% loader
UI Mobile Prototype red 28% loader
UI Mobile Prototype red explore timeline interaction
UI Mobile Prototype red explore timeline interaction
UI Mobile Prototype red explore timeline interaction
UI Mobile Prototype red explore timeline interaction
UI Mobile Prototype landscape explore timeline interaction
UI Mobile Prototype landscape explore timeline interaction
UI Mobile Prototype canada spotify 1880 explore timeline interaction
UI Mobile Prototype canada spotify 1880 explore timeline interaction
UI Mobile Prototype red explore timeline interaction playlist spotify 1880 canada
UI Mobile Prototype red explore timeline interaction playlist spotify 1880 canada
UI Mobile Prototype red explore timeline interaction music videos spotify
UI Mobile Prototype red explore timeline interaction music videos spotify
UI Mobile Prototype red explore timeline interaction playlist spotify
UI Mobile Prototype red explore timeline interaction playlist spotify
Canada 150 Spotify UX website animation
The animations helped users through the experience and intensified the sense of time passing.
desktop red loader UI prototype 28%
desktop red loader UI prototype 28%
desktop red UI design explore canadian musical history
desktop red UI design explore canadian musical history
desktop red UI design explore canadian musical history 1867
desktop red UI design explore canadian musical history 1867
desktop red UI design explore canadian musical history 1867
desktop red UI design explore canadian musical history 1867
desktop red UI design explore canadian musical history 1880
desktop red UI design explore canadian musical history 1880
desktop red UI design explore canadian musical history 1867
desktop red UI design explore canadian musical history 1867
desktop red UI design explore canadian musical history 1868
desktop red UI design explore canadian musical history 1868
desktop red UI design explore canadian musical history 1868 playlist music spotify
desktop red UI design explore canadian musical history 1868 playlist music spotify
desktop red UI design explore canadian musical history 2012 playlist music spotify
desktop red UI design explore canadian musical history 2012 playlist music spotify
desktop red UI design explore canadian musical history 2012 playlist music spotify
desktop red UI design explore canadian musical history 2012 playlist music spotify
desktop red UI design explore canadian musical history 2017 playlist music spotify
desktop red UI design explore canadian musical history 2017 playlist music spotify
desktop red UI design explore canadian musical history 2017 playlist music spotify
desktop red UI design explore canadian musical history 2017 playlist music spotify
desktop red UI design explore canadian musical history 2017 playlist music spotify
desktop red UI design explore canadian musical history 2017 playlist music spotify
desktop red UI design explore canadian musical history 2017 playlist music spotify
desktop red UI design explore canadian musical history 2017 playlist music spotify
Unfortunately this website in no longer online.
Give me a shout if you need more info.

Check this out too...

D&AD Awards Entry Site
2022
UX Design, User Research, User testing
The Guardian & Portugal Infographic
2013
Graphic Design, Illustration, Motion Graphics
Kellogg’s, Augmented Reality Game Design
2018
UX Design, UI Design, Illustration
Thames Water, User Experience
2019
UX Design, User Testing, Experience Review
Red Apple Creative Website
2017
UX Design, UI Design
Being Porto Hostel, Website
2023
UX Design, UI Design, WIX
Tomb Raider Game Design
2017
UI Design, Game Design
Valditaro Catalog
2013
Art Direction, Editorial Design, Graphic Design
Kinetic Website Experience
2018
User Research, Information Architecture, UX Design
Daily UI Challenge
2016
UI Design
↑Back to Top

This website uses cookies to ensure you get the best experience on our website. Accept Recusar