Degree Hub Site

Degree Hub Site

Interaction Design

This "hub" site united Degree's digital properties and brought focus and clarity to their at the time scattered marketing campaigns.

CLIENT  R/GA for Unilever
ROLE  Full Time Designer
DATE  June 2011
COLLABORATORS   Rachel Abrams (Interaction Design Associate Creative Director), Patrick Bradley (Visual Designer)
STATUS  Launched; has been redesigned

 

INTERACTION DESIGN

I worked on the UX of this project while at R/GA. I did extensive competitive analysis, user flows and market research and developed in a small team the below wireframes, which were then passed on to the visual design and development teams. I worked closely with both the clients and the visual designers to ensure every detail was right.

wire-homewire-home

We settled on a very simple home concept that would showcase strong brand imagery and unite the men's and women's brand campaigns. We worked very closely with SEO to optimize the SEO value of this page.

wire-menswire-mens

Home pages for both the women's and men's brands showcased video from their marketing campaigns, as well as brought in social content from tweets and facebook.

wire-womenswire-womens

Results pages were devised to be light and provide a key into the value-added properties of each deodorant line (motion activated, heat protection, etc).

wire-pdpwire-pdp

Details were a simple expandable section within the results page for quick and easy browsing.

wire-videowire-video

Concept for a video player that would be built in to all product galleries to play custom marketing video content.

wire-ecomwire-ecom

A light e-commerce page was added to provide links to participating retailers where each Degree line could be found.

FINAL PRODUCT

Below see a few screens of the finished product after the visual designer on the team designed the UI based on these wireframes. Different color palletes and design gestures were used for the men's and women's sides of the site to help differentiate the targeted content and product lines. Overall, this design satisfied the client’s needs ad provided a jumping-off point for their future design updates.

FINAL-mensFINAL-mens

Above: the finished website showing the men’s home page.

FINAL-womensFINAL-womens

Above: the finished website showing the women’s product results page.