Musée du Louvre

A typographic timeline of the Louvre museum portraying all the important milestones in its history starting from 18th century to the 21st century

🏆 Spring show award 2022 finalist

Tools
Adobe Illustrator
Adobe Photoshop
Adobe After Effects

Duration
1.5 months

My role
Visual Designer
Motion Designer

We were tasked to design a timeline website for a topic chosen in conjunction with any two typefaces of our choice. The goal was to create a website that tells a story of that topic by visually communicating it with a typeface that also connects with it in someway.

Background

First things first. I needed two typefaces and then a topic to work on. I selected the two typefaces, researched the origin, it's creator and dug in to see if I could find an interesting subject to base my project on.

These were the two typefaces that I chose:

Process

Two interesting facts about Avenir

What could I possibly come up with that conveyed geometry, French culture and something that has a deep history?

The Eureka moment

This was it. The Eureka moment felt great! Now that my concept was finalised, I started my research on the timeline. Here is a glimpse of the content mapping I did:

Research

While doing the research, I found that the designer Adrian Frutiger who created the typeface 'Avenir' wanted it to have an organic feel to it in addition to having crisp geometry as its base.

I wanted my website design to show the epitome of geometry that is the Louvre. However I also wanted to somehow show the fact that 'Avenir' is not completely geometric; it has an organic feel to it.

After a lot of trial and error, iterations and sketches, I landed upon these strokes clipped with significant images that I would use in my final design to tell the story

Visual Design

Keeping this in mind, I used geometry paired with these organic strokes. I deliberately used red and blue as the primary colour palette to represent the French tricolor that was also adopted one year after The Louvre became a museum.

Final prototype

Previous
Previous

Tap the Tap | Branding and UI