01

Gust Art Direction

After one year rebranding every asset of each offers of the Gust! agency, we finally put a final point on the brand's global art direction. Time now to set sail on the website design !

2026

Sector

Advertising
Influence

We focused on a cool and smooth UX that carried as simple as possible the different offers of the agency so it's easy to navigate

Art Direction, UX UI Design, Webdesign

Gust — Landing page visual

02

General Direction

Art Direction

Gust isn't one agency, it's four offers living under the same roof, each one having its own visual territory (lol), and obviously its own prospects. The real design challenge was there : how do you build a unified website without flattening everything into one generic identity. The answer was already in the branding : gradients I made previously (the goat, thanks to me everything's solved once again). Each offer inherits a color, all pulled from the same tonal family. Coherence through system logic.

Des créateurs de contenus avec une communauté engagée, qui sont utilisés pour leur créativité, leur image et leur expérience sur les réseaux sociaux. Des égéries des temps modernes.

Des experts du social media qui orchestrent votre présence sur les plateformes. De la stratégie éditoriale à la création de contenus, ils transforment votre marque en média vivant, pensé pour engager et performer. Les storytellers du scroll quotidien.

Open, notre entité celebrity marketing. En association avec Isabelle Brulier, OPEN vous donne accès aux célébrités françaises et internationales pour vos campagnes, RSE, B2C et même B2B.

Les artistes du digital, aux spécialités diversifiées. De la 3D au stop-motion ou même au sound design, ils créent des contenus à la frontière entre le réel et l'imaginaire.

Gust ! (General / Influence) 01 HEX 0046FF

Gust ! (Secondaire) 02 HEX BBE3FF

Open (Celebrity) 03 HEX 122644

Visual Creators (Production) 04 HEX 08F09C

Social Media 05 HEX 4681FF

So, the objective was to create something that explains all of the offers through a limited amount of pages, while keeping a website that was clear, simple, beautiful, and as SEO friendly as possible. Luckily enough, we had plenty of time. It's false, the whole thing had to be done in three weeks, which is a plot twist worth mentioning IMO.

Schema 1 — sitemap

Schema 2 — wireframes

Schema 3 — assets

02

Home Page

Website

01

Hero Section

No headline trying to explain everything at once. An animated phone playing real campaign footage : the agency shows before it tells. As you scroll, the phone flips to reveal the core speech, the logos of past collaborators, and a CTA pointing toward the work methodology. Information arriving in the order it actually makes sense, not in the order it was easiest to write.

Gust Homepage — Hero Make them stop scrolling

Gust Homepage — Phone tilted

02

Our Mojo Section

Website

The agency's mojo sticks in a single line : “We think [digital], we connect [talents], we produce [content]”

Gust — We think, We connect, We produce

Three values, one screen, and a hover interaction that unfolds the full version of each one.

Transition

It's built for tiktok kids AND people who actually read without either of them having a worse experience.

Gust — We produce content

03

Our Case Section

Website

The section's job is to make you want to go deeper, not to replace the case study page entirely. So it's an in-between, I guess.

Gust — Our case section

04

Our Offer Section

Website

Each offer gets its own card, its own color, its own case video in a flip animation, which isn't just a nice effect, it's a way to make navigation between offers feel natural while keeping everything in the DOM for SEO. I hate talking like that, it feels like I've become a LinkedIn guy.

Gust — Our offer section

05

Use Case Page

Website

A lot of projects across a lot of sectors, so we made a cool filter, accessible with three different ways : through the clickable opening sentence (it's cool), through a dedicated filter bar, and through the badges on each project. So it's clear AND cool.

Gust — Case studies listing page

Gust — Expanded case study view

01

Offers Page

Hero Section

Website

The offer page is mostly a conversion page. So we put a giant background video, with a three-line pitch, three statistics, and one CTA above the fold. Everything below is for the already-interested : methodology, packs, reviews, FAQ, contact form. A trust funnel built in the right order, according to... me. Obviously that's the right order because I've become a very self-assured Linkedin Guy.

Gust — Offers page hero section

02

Rest Section

Website

That's the rest of the page. People have advised me to sell my work and to present it to show how much reflection is behind, but that really feels obvious. So it feels like I'm explaining obvious things like “See, we wanted people to see our work first, so we made a giant vidéo of our work !! Does my brain have limits ?”. Nah the cool thing is that we keep the art direction authentic through the whole website, without making it look boring as shit.

Gust — Offers page rest section

01

Studio Page

Hero Section

Website

The studio is the core of what Gust produces, so we made the hero feel like it. Dark full-bleed background, a single strong line — “Un studio pensé pour vos créations” — and one CTA to book it. No feature listing above the fold. You experience the space before you read the specs.

Gust — Studio page hero

02

Studio Features

Website

Four accordion rows — 120m², Set up pro, Studio 360, Une régie OP. Each one expands into a full-bleed background image. Navigating the features feels like touring the actual space, which is a great excuse to show good photography without cramming everything above the fold. I love an excuse.

Gust — Studio features accordion

01

Case Studies Page

Website

We went full Gust blue. Not subtle blue — actual proper blue. The filtering system runs three ways in parallel : an interactive opening sentence you click through, badge tags on each case card, and a top filter bar. Three entry points for the same data, because not everyone explores the same way, and I don’t want to pick sides.

Gust — Cases studies page full view

If you want to have a deeper vision, you can go through the website (agencegust.com). I’m not the developer of this project so the code was made by someone else (Liedel Lam).