Heddles case study hero image.

Heddles

Heddels began in 2011 as Rawr Denim, the Internet’s destination for learning about all things raw denim, and was reborn as Heddels in 2015 as a more comprehensive resource for a wider variety of products.

heddles.com

The Client

Heddles

Design Role

Art Direction, User Interface Design, Graphic Design

Project Focus

Professional Services,
B2B + Data Collection

Total Design

50hrs

Revisions

+3

Project Length

2mo.

The Upgrade: Open & breathable spacing without compromising brand ethos.

The Challenge

Already established as one of the go-to blogs of the U.K., and a well known name among men's fashion afficianado's, Heddles looked to re-invent themselves with this project.

The goal — not a full re-design of their website and mobile space, but rather a facelift that would result in better visitor engagement, reduce bounce rates and a more cohesive look and feel. With that in mind, I began the challenge of reconstructing certain components including the Footer, Related Articles, Homepage Sidebar, designing a new Shop component and updating the color palette and typography styles.

Heddles wireframes collection
Heddles Wireframes
Designed with the intention of creating a modular layout.

The Lander

Highlighting the latest news and trends in menswear.

When users land on the Heddles homepage, they are offered a front-facing experience that showcases the latest articles by way of a grid-based feature component. With one large main article and four smaller ones below. This is followed by a article listing with sub-navigation and broken up by a shoppable component highlight their online e-commerce module. The homepage is finished off with a newly redesigned footer.

Heddles homepage version one.
Heddles article page design.

It's In The Details

Capturing the audience's attention and increasing readership.

The article page was redesigned in a way meant to allow viewers to digest information with ease. It also takes into account space for standard advertisements. A large bold headline is followed by the main image with a new slider navigation, newly designed sharing functionality, Next and Previous article component and related article component.

Heddles mobile design.

Scalability

Refining the mobile experience.

Built on a fully responsive design system, and building off the minimalist approach to desktop, we ensured a smooth and seamless transition to mobile which included re-invisioning the navigation.

Let's Work Together

Got a Project?

I'm an extremely passionate creative that loves to hear unique ideas and help digital companies create amazing products by crafting minimal and user focused interfaces.