RESPONSIVE SITE

Man Repeller

 VISUAL DESIGN

01-main01-main

Man Repeller isn’t just a website. It’s an award-winning multi-media business and a global community of bright, interested and interesting people who know that fashion, humor and intelligence are not mutually exclusive. 

design recco.

The process at Hard Candy Shell was very unique. After kickoff, stakeholder interviews, and group strategy conversations, my creative director and I started to explore the design language. Internally, we went through a handful of rounds of feedback on color & type, and then with the layout of the homepage. We chose a direction and a look for the homepage, working in tandem with our development team. The very first review with the client consisted of the strategy deck, the design journey and a working prototype of the homepage. 

x  iNSPIRATION  x

02-inspiration02-inspiration

x  BRAND COLORS  x

Before coming to us, they had no defined color system. Our proposal was that they add gold to their grey scale color palette. 

03-brandcolors03-brandcolors

x  DECOR COLORS  x

While the UI/brand colors were the base, the decor colors were the flavor. We created a system in which they can choose 5 seasonal colors that could be swapped out whenever they wanted. These colors are generally used at random to give the site personality and variety. 

04-decorcolors04-decorcolors

x  ARTICLE BORDERS  x

Using the decor colors, article pages are given a duel toned border that switches color as you scroll down the page.

05-articleborders05-articleborders

x  TYPE COMBO  x

06-type06-type

homepage.

This was the first page we tackled. After a group discussion on the strategy of this page, our UX lead wired out the page for internal use. Design then started applying the visual language. 

07-homedevices07-homedevices

x  MODULE STYLE  x

The challenge was to create a module system that was both structured and visually interesting. 

08-modstyle08-modstyle
09-mod309-mod3

x MOBILE  x

10-mobile10-mobile

lookbook.

The lookbook was a concept our team came up. One popular reason for people to come back to the site is to look around at fashion imagery. Instead of having to dig around, we thought it made sense to have a place to view imagery randomly in slideshow form. 

11-lookbook11-lookbook

articles.

Like most publishing sites, there is a need for a dynamic system within the article page. The challenge again is to create something interesting, yet easily updatable and flexible depending on what is needed for each particular article. ie. image size, number of images, no images, step by step instructions, etc. 

12-article-devices12-article-devices
13-article-full13-article-full

x ARTICLE TEMPLATES  x

14-articletypes14-articletypes