Creative Direction



Viacom Sign in Screens

April 4th, 2013

Role: User Experience, Art Direction, Visual Design
Worked with product and tech teams to create a user sign in process that worked across desktop and mobile devices across all of the sites in the Viacom Media Networks (MTV, Comedy Central, Gametrailers.com, etc). Using device detection, the authentication widget serves an overlay on desktop or opens in a new page on a mobile device.

The desktop sign in process can be viewed on MTV.com and the mobile sign in can be seen by trying to leave a comment on Nickmom.com on a mobile device.

sm4_desktopauth_mtv sm4_mobileauth_nickmom

sm4_newauth_desktop

sm4_newauth_mobile

MTV International Style Site

January 7th, 2013

Worked with the MTV International product team to come up with design concepts for their International Style website.

 

Initial sketches for the desktop and mobile sites:
intlstyle_main_sk intlstyle_main_scroll_skintlstyle_post_sk intlstyle_main_m intlstyle_main_scroll_m intstyle_post_m

 

Moodboards for look and feel:
intlStyle_mb_1 intlStyle_mb_3  intlStyle_mb_2

 

Final mocks:
intlstyle_v1_main intlstyle_v1_post

Mobile Site:
intl_style_mobile

 

Mocks for other design directions:
intlstyle_v2_main intlstyle_v2_post intlstyle_v3_main intlstyle_v3_post

Viacom Social Media Platform Widgets

June 26th, 2012

Role: User Experience, Art Direction, Visual Design

Worked with the product and technology teams on strategy, user experience and visual design for a scaleable set of widgets to encourage social behavior across the various sites on the MTV Network. Helped conceive of initial concepts for product and worked through ideas with product leads through rounds of sketches and feedback. Worked with tech team to create standard UI behaviors and CSS style guide. Created a simple look and feel that would could work on brand sites off the shelf, but also had a system in place to make customization easier.

Auth Overlay: streamlined sign in page overlay that allow users to connect via social services or use their email address. Can be viewed live by signing in on MTV.com or ComedyCentral.com.

 

Activity Feeds: tell a story around a content item by displaying activity of various actions (for ex, commenting, rating, sharing). It displays activity from a parent entity or a child level asset. Example of locations include hub pages and video pages. Customized examples of comments can be viewed live on vH1 Tuner,  MTV.com and comments/activity can be seen on  MTVTr3s.com.

 

Profiles: Overlay allow users to manage their accounts, track interests on the site and curate their own activity. Users can visit other profiles to learn more about other audience members and their taste. Live examples can be seen by clicking on a user name in the comment section here on vH1 Tuner.


Userbar: provides a dashboard like experience for users where than can easily navigate to their account settings and depending on configuration, get personalized updates and interact with content quickly. Userbar can be seen on vH1 Tuner and MTV Tr3s.

The Ropes

September 20th, 2011

The Ropes, a budding line of accessories, came to me to create a quick and simple design solution for their first online presence. I updated the branding and created a site design to play off the simple, yet hand-made quality of the marine-inspired accessories. The site is organized to showcase the accessories and serves as a way to learn more about the designer/company.

The site was built using Virb site building tools.


Kitchen Daily

August 16th, 2010

Role: Art Direction, Visual Design
Lead design of the KitchenDaily site from concept to execution. Worked with product, editorial and UI teams to define the KitchenDaily user experience to meet the needs of a busy mom. Created the initial visual design and oversaw a team of designers executing on the final look and feel. Other contributions to site design included competitive analysis, creating personas, sketching concepts, facilitating brainstorming sessions between team members and site feature enhancements.
Below is the initial design direction for the Recipe Page:

Below is the final design direction for Recipe and Main Page:

iPhone app
Main Screen Recipe Finder Recipe Results Produce Picker

Mood boards of initial design ideas:

   

 

Initial sketches for Homepage