Un Jour Un Dessin. Ink drawing of Wolverine by Matthieu Bolufer, used as the project cover.

Un Jour Un Dessin

Client
Matthieu Bolufer
Service
Custom WordPress development
Team
Design: Matthieu Bolufer
Development and motion design: Eric Huguenin
Awwwards & Mentions
Website of the Day
Honorable Mention
Mobile Excellence

Challenge

Matthieu Bolufer is creative director at Creano, which he co-founded. The rest of the time he draws: inks and canvases steeped in pop culture, from the Mandalorian to the Joker. These pieces lived only in his sketchbooks and on social media, where people look at them for three seconds before scrolling to the next. He wanted a place of his own, one that gives the drawings the time and space a news feed doesn’t, and that people remember once the page is closed.

Un Jour Un Dessin. Collage of pages from the Un Jour Un Dessin website: the loading screen, the WebGL gallery and several full-page drawing views.

Approach

We prototyped the site before designing it. We needed to know what the WebGL layer allowed: how far to push a distortion without damaging a line, how many textures to hold in memory. Matthieu then drew within those limits, instead of discovering them at the end. The project moved forward in back-and-forth rounds, on playable versions rather than static screens.


Un Jour Un Dessin. Gallery on mobile: drawings scroll by at full width, with the title of each work overlaid on the image.
Un Jour Un Dessin. Drawing page on mobile: the artwork fills the screen, with its technique and number shown at the bottom.

Key solutions

We rendered the whole gallery in WebGL with PixiJS: the drawings arrive as textures that the engine moves, distorts and sequences. We built the loading into the staging, and the slider reuses the same distortions to move from one artwork to the next. Matthieu manages everything from WordPress, and adds a drawing without touching the code. Of all our projects, this is the one that pushes interaction the furthest.

Un Jour Un Dessin. Index of works on mobile: the numbered list of drawings, sorted by technique.
Un Jour Un Dessin. “je suis” page on mobile: the artist's introduction, next to one of his drawings.
Un Jour Un Dessin. Original drawing by Matthieu Bolufer photographed flat, on its paper.

more of our work

01

Ozone Light

Ozone Light. Ozone's Luxembourg chandelier seen from below: a wide ring of white light suspended by three black arms from an ornate ceiling rose.

02

Hebras Avocats

Hebras Avocats. The Hebras firm's spiral staircase seen from below, lit by a cloud of suspended glowing globes.

03

Legend of the Five Rings

Legend of the Five Rings. Illustration from the Legend of the Five Rings universe: a samurai in a Rokugan setting, used as the project cover.

04

Halley&Co

Halley&Co. Mood photograph from a Halley&Co project, used as the cover.