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.
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.
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.
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).
Details were a simple expandable section within the results page for quick and easy browsing.
Concept for a video player that would be built in to all product galleries to play custom marketing video content.
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.
Above: the finished website showing the men’s home page.
Above: the finished website showing the women’s product results page.