Client: Target
Role: Art director / Senior designer / animator
I had the opportunity to work on a site of one of the most loved snowboarder (let us not forget his skateboard reign) phenoms of all time. Not only did I get to work on the campaign, but as a team we were given complete freedom to go and just create fantastic content. From the glitchy hand-drawn look and feel of the site, to the animations and transitions between scenes, to the rogue hand out of "signed" Shaun White DVDs on the street.
After this initial launch, we were then tasked to incorporate several other X-Games giants including Mat Hoffman and Nate Adams into what became Freestyle Livin'. Keeping with the original glitchy/spastic and fun environment we had created with Shaun White, we continued to push the boundaries of the site design with custom fonts, hand drawn characters and animations, custom sound effects and other-worldly collages with photos and textures. We also eventually added in the ability to purchase certain items directly from the Target.com site.
The screens shown are as follows:
FREESTYLE LIVIN’ CHARACTER ANIMATION AND SCREEN TRANSITION DEMO
SHAUN WHITE SITE
Key Features: Dynamic photography / Bright & bold color scheme / Randomized typography animation / Randomized audio clips / Randomized character animations / Simple navigation with fluid motion to expand each section
Loading screen / Landing screen content / Watch Shaun's videos section / Family bios section / Shaun's pick lists section / Oh yeah bonus section
SHAUN WHITE TRANSITION TO FREESTYLE LIVIN'
Animation flow 1 / Animation flow 2 / Animation flow 3
FREESTYLE LIVIN' SITE
Key Features: Collage photography / Bright & bold color scheme / Smooth animations between site sections / Map style navigation / Hidden easter eggs / Custom on-site photography
Landing screen content / City section: Behind the scenes X-Games photos / Drive-in section: Behind the scenes X-Games videos / Chalet section: Team Photos + Target exclusive products / Nate Adams micro site screens / Mat Hoffman mico site screens / Camp Woodward micro site screens / Vend-O-Magic micro site screens / Additional supporting material