Matte Makeover Website and Soundboard
When Clinique launched their new line of matte lipstick and color, we created an interactive soundboard featuring beatboxing lips that lived within their existing site framework. By keeping the interaction simple for both desktop and mobile, the lips could pop off the screen, allowing the user to make their own beats or turn them all on to listen to our original song.
Client
Clinique
ROLE
UI Designer
Teen Wolf Trailer Gif Puzzle
To reveal the trailer for the upcoming season, I created a “gif puzzle” that broke the 2 minute long trailer into a series of scrambled 1 seconds gifs that users had to place in the correct order. By breaking the game into 4 different parts, I not only gave users multiple achievable goals, but also could push out prizes to the first person who unlocked each section, let alone the entire puzzle. In addition, because Teen Wolf had a large fanbases, it was also important to keep file size small and interaction simple, so that the site wouldn’t stall at all. Ultimately, we had 11,000 concurrent visitors on the site.
Client
Nickelodeon
ROLE
UI & Visual Designer
Timing is Everything | I made it quick and natural to rearrange the gifs so that the experience was fun without making users go insane, especially since prizes were on the table. I also included a completion counter for a little friendly competition.
10 Crosby Film Library
We designed a branded video library to house a films series, which celebrated the launch of Derek Lam's new fragrance collection. We matched the simplicity of the brand's packaging and existing site design with straight-forward, mobile first navigation. The user experience allowed the breath-taking cinematography to take center stage, while promoting leisurely exploration of all the videos.
Client
Derek Lam
ROLE
UI & Visual Designer
