Role: Art Director/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:
Key Features: Bright & bold color scheme / Randomized typography animation / Randomized audio clips / Randomized character animations
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
Landing screen content / Watch Shaun's videos section / Family bios section / Shaun's pick lists section / Oh yeah section
SHAUN WHITE TRANSITION TO FREESTYLE LIVIN'
Animation flow 1 / Animation flow 2 / Animation flow 3 / Animation flow 4 / Animation flow 5 / Animation flow 6
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 / Chalet section / City section / Drive-in section / Nate Adams landing screen / Nate Adams top 10 tricks / Mat Hoffman landing screen / Mat Hoffman video section / Woodward Camp photos section / Woodward Camp photo detail / Vend-O-Magic landing screen / Vend-O-Magic product detail screen / Freestyle Livin' animation demo / Additional supporting material