Bottega Veneta

The Knot website

Alain Ducasse

Websites

Vinci Construction FrancE

Website

DioR

Beauty consultant iPad app

Fluid SciencE

Music video & posters

VINCI CONSTRUCTION FRANCE

Content strategy, creative direction, ux design

BRIEF
“We are n°1 in the construction industry in France and we need a new website that will reflect this leadership. We have a extensive range of expertise and plenty of content we want to show.“

View website

A MODULAR SYSTEM

To respond to the amount of content we decided to propose a modular system, consisting of 6 simple responsive modules that can be contributed one after another to build all the pages of the website.

This system allows total freedom of layout while keeping design consistency. It also makes each page unique and improve user engagement.

  1. HEADLINE MODULE

  2. TEXT + IMAGE MODULE

  3. 3 IMAGES MODULE

  1. FULL IMAGE MODULE

  2. TEXT + IMAGE MODULE

  3. 3 IMAGES MODULE

RESPONSIVE BY DESIGN

The design guidelines were conceived from start with the responsive constraints in mind. Therefore we imagined a simple 3 columns grid, that would become 2 on tablets and 1 on mobiles.

We also added construction lines in order to support the grid (and yes, construction lines for a construction company IS a smart move).

Desktop - 3 columns layout

Tablet - 2 columns layout

Mobile - 1 columns

AN EDITORIAL LAYER TO EXTEND STATIC CONTENT

In the construction industry, a project can take several years until its achievement. Therefore the content evolves and a distinction has to be made between the news and the project by itself.

In order to add a seemless integration between these two kinds of content, we designed a layer that will retrieve news content in any given page.

Project page

Editorial layer

Project list