Mandatory website redesign by Titus Klein

Mandatory.

Brand & website redesign

Client

Mandatory

Discipline

Web Design

Strategy

Women, funny stuff, viral videos, must-read features, and a whole lot of awesome.

Mandatory is a news media site with a big personality. Titus Klein utilized this idea when approaching their redesign. Bold colors and confident use of type are used to perfectly communicate Mandatory’s sense of passion and humor. A two column grid allows balance between both imagery and copy, with clear call to action to invite the user to click and consume.

The design adapts to tablet and mobile sized viewports to allow for the best user experience, while still maintaining Mandatory’s sense of style.

Grid System - Desktop.

Mandatory website redesign by Titus Klein

Grid System - Mobile.

Mandatory website redesign by Titus Klein

Typography.

Mandatory website redesign by Titus Klein
Mandatory website redesign by Titus Klein

Interaction.

Content reflow.

The tablet and mobile experience communicates Mandatory’s sense of style. Bold menu colors create a simplistic narrative to help guide the user to where they want to go. The design is easily adaptable to any screen size, and will simply recalculate and adjust accordingly. The off-canvas navigation allows convenient access for the user anytime they need it.

Outcome.

A no nonsense, beautiful experience.

The redesign is an extension of Mandatory’s obvious confidence. Unique hover-states for all content adds a small surprise for the user and begs to be clicked. Carefully placed advertising space ensures important adverts are prominent but do not take away from the brand aesthetic. The user is able to see a lot of content at once, however the content is ordered and easily digestible at a quick glance, a crucial aspect to any website with a large amount of content.

Before.

Mandatory website redesign by Titus Klein

After.

Mandatory website redesign by Titus Klein

Mobile Solution.

Mandatory website redesign by Titus Klein

Experience Mandatory.

View Website