Benoît Jollivet

UI Designer / Developer

Get in touch

A redesign of the iconic french lifestyle magazine.

Mint Magazine

Mint Magazine
device mobile
Mint Magazine
device mobile

Overview

Mint is the first free French quarterly magazine dedicated to the pleasures of the table and travel.

The goal of the design overhaul is to be able to implement the new frequency of content and new categories and by this way increase site traffic.

Mint Magazine
Mint Wireframe

View of the figma prototype

Challenge

  1. Increase readership by improving site design and navigation
  2. Improve the time spent on the site
  3. Integrate new content

Solution

After a design study, we encountered certain problems, in particular, that of the legibility of the site and the comfort of reading. The avenues for improvement were to make the typefaces larger and thus make the text more readable and increase the width of the layout.

Another solution was to improve the mobile version of the site which was not well adapted.

To respond to the increase in content type, and after using the card sorting method, we were able to establish a new category system, and add the use of tag classification.

Mint is a media where the magic comes from beautiful photography, so one of the first statements was to introduce big images "ability to inspire and engage your audience" and simulate a print magazine cover.

The first prototype allowed us after a hallway test to add an infinite scroll at the end of the articles, this allowed us to increase the time spent on the site by promoting access to a second article immediately available.

Mint Magazine

Homepage of Mint Magazine (Mobile version).

Mint Magazine

Homepage of Mint Magazine (Mobile version).

Mint Magazine

Homepage of Mint Magazine (Mobile version).

Results

The number of users to increase by 72% supported by a marketing campaign on social networks. The bounce rate over the same period fell from 75.84% to 67.74%. And the number of pages per session to increase from 1.91 to 2.32 pages.

Mint Desktop

View of the figma prototype

Mint Desktop

View of the figma prototype

Mint Templates