01 / 03Red Bull, open the website in a new tab

  1. Red Bull
  2. Sérac
  3. Brian Correa

John Lhoste

Digital experiences, built to be experienced.

Web designFront-endCreative development

Scroll

Selected work

01

Red Bull

Digital experience

  • Digital experience
  • Creative development
  • Web design
  • Interaction
Red Bull experience, opening scene: the Original can in front of a giant “Aiiiles”. The Zero edition scene, pale blue and white. The Winter edition scene, with product facts. The Peach edition scene, bright pink. The Sea Blue edition scene, with rising bubbles. The Apricot edition scene, orange burst. The whole range: twelve cans forming wings. Finale: the twelve cans arranged as a radiating sun.
red-bull-9y8.pages.dev

A scroll-driven product experience for the twelve Red Bull editions. Real-time 3D cans, a colour world per flavour and fifteen hand-tuned transitions.

Unofficial concept. Product visuals and trademarks belong to Red Bull.

Explore project (Red Bull, opens in a new tab)
The Sérac Équinoxe watch, front view: anthracite sunburst dial, steel case, black alligator strap.
02

Sérac

Luxury watch experience

Case diameter
40 mm
Case
904L steel
Automatic calibre
SR-72
Power reserve
72h
The Sérac website, opening scene: the watch framed by a gold ring and the words Engineered for eternity.
serac.lhostecorp.workers.dev

Haute horlogerie told through scroll. A procedural 3D watch built part by part turns, opens and reveals its calibre, down to the thirty-one jewels.

Concept for a fictional manufacture.

Explore project (Sérac, opens in a new tab)
03

Brian Correa

Creative portfolio

Sixteen brands on a twelve‑column grid.

16 projects96 visuals1 typeface

Brian Correa portfolio, cover: the book’s diagonal hatching and the BC monogram.
Cover · the book’s hatching, drawn live
The projects index: an asymmetric editorial grid on paper.
Index · twelve columns, asymmetric
Ophélie, a theatre poster designed by Brian Correa for Macompagnie.
Macompagnie · theatre poster
AMG Pro campaign visual by Brian Correa: a black running shoe over a desert road.
AMG Pro · campaign visual

Type, grid, restraint. The colour comes from the work.

A project page, Roland-Garros: title and key visual laid out on the grid.
Project page · Roland-Garros

An editorial portfolio for an art director, graphic and UI/UX designer. The book’s diagonal hatching opens onto paper pages, one variable typeface, and a strict twelve-column grid.

Explore project (Brian Correa, opens in a new tab)

Three projects. Three different worlds. But one approach.

About

John Lhoste

  • Web Designer
  • Front-End Developer
  • Creative Developer

I design web experiences where design, interaction and development work together.

Skills

  1. Web design
  2. Front-end
  3. UI / UX
  4. Creative development
  5. Motion design
  6. Interactive experiences

Have a project in mind?

Let’s build it.

Start a project