Graham Slick

Every project UX, Design

CLEAR Scalp & Hair

The site map, blog and product finder for the 2014 redesign of CLEAR Scalp & Hair’s US website, and updates to its page designs, at Story Worldwide.

When
2014–2015
Role
Information architecture, UX and page design updates
At
Story Worldwide, New York
For
Unilever

In the fall of 2014 Story Worldwide redesigned the US website of CLEAR Scalp & Hair for Unilever. Graham mapped the new site: shampoos, conditioners and treatments for women and men, Stylist Secrets with its videos and articles, a new blog, a care customizer, and the newsletter, store locator and contact pages.

He designed the user experience of the blog, its landing and post pages for desktop and phones, and of the product finder, which recommends products from three questions: I am a girl or a guy, my hair type is, my scalp type is. In December he updated the page designs: the product pages, Stylist Secrets (Know your hair), the videos (Watch videos) and the blog. The pages carry the brand’s campaign with Miranda Kerr.

Roles Information architecture · UI and UX · Visual design

A CLEAR product page on a deep purple ground: Flatiron fanatic in gold script beside Miranda Kerr, Resilient, strong and unbreakable hair, no matter what, over a grid of eight shampoos, a $1 off coupon and a top-rated conditioner
A product page
Stylist Secrets: Know your hair in gold script, damage proof hair tips and facts, over six tiles: Did you know?, two expert beauty tips, an expert spotlight, a scalp quiz and a five-minute scalp massage
Stylist Secrets
The videos page: Watch videos, damage proof hair in action, with six videos, from Behind the scenes with Miranda Kerr to Dr. Fusco’s tips for a nourished scalp
Videos
The blog: a featured post with a large photo, a grid of posts with share buttons, and popular posts, categories, a coupon and a top-rated product down the right; the posts are placeholders
The blog
A blog post: the photo and text, share buttons, a comment form and a list of comments, and a link to the next post
A blog post
The site map: the homepage, Women and Men with every shampoo, conditioner and treatment, Stylist Secrets with nine videos and seven articles, the blog, a care customizer, and the newsletter, store locator and contact pages
The site map
Wireframes of the product finder in four steps: I am a girl or a guy, my hair type is, my scalp type is, and your recommended products
The product finder
Wireframes of the blog on a phone: the landing page with posts, categories and promotions, and a post with comments and the next post
The blog on a phone