Huffington Post Redesign by Titus Klein

Huffington Post.

Redesign & Rebrand

Client

Huffington Post

Discipline

User Experience, Digital Design

Strategy.

Helping the user’s journey.

The Huffington Post is an American online news aggregator and blog that has both localized and international editions. The challenge with this redesign was the sheer volume of editions that are published worldwide. Titus Klein felt the need to add order and a clear colorway that would help the user easily identify what category they were browsing any any given time. A persistent top-level navigation is fixed to the viewport for easy access. A three column grid helps to surface as much content as possible, allowing the user to consume at a glance.

Grid System - Desktop.

Huffington Post Redesign by Titus Klein

Grid System - Mobile.

Huffington Post Redesign by Titus Klein

Typography.

Huffington Post Redesign by Titus Klein
Huffington Post Redesign by Titus Klein

Interaction.

Content in volume, navigation at a minimum

An off canvas navigation was the perfect solution to surface the numerous categories Huffington Post deliver – a user can even change what county’s edition they want to view at the click of a button. A smooth transition between the content viewport and the navigation helps shift the user’s focus to choose where they want to go next.

Outcome.

User experience – delivered.

The result is an extremely well organized solution to a news media site which is big on content. The user is able to consume the latest articles very easily, and can also choose to navigate by their chosen vertical if they desire. The experience is also refined for smaller viewports – content reflows to surface the most popular articles. Articles are color-coded to visually help distinguish the category they are from, and allows the user to explore in a natural way.

Before.

Huffington Post Redesign by Titus Klein

After.

Huffington Post Redesign by Titus Klein

Mobile Solution.

Huffington Post Redesign by Titus Klein

Experience Huff.

View Website