Retour aux projets

01 / 08 Automobile

Automotives STA

Garage automobile · St Albans, Royaume-Uni

De l’extérieur à l’ingénierie qui porte le mouvement.

automotives-sta-st-albans.vercel.app

L’ouverture du site, enregistrée en ligne

02 Le projet

Un site d’une page pour un garage de St Albans, construit autour d’une scène pilotée par le défilement : la lumière révèle la voiture, une ligne de scan la change en fil de fer, le moteur s’ouvre en groupes et les pièces se posent dans les cartes de services.

  • Scène 2.5D au défilement
  • Calques recalés avec OpenCV
  • Vite

03 La direction artistique

Composition
La voiture occupe toute la scène ; le texte tient dans une colonne étroite, sans rivaliser avec la machine.
Typographie
Inter Tight grasse en capitales pour les titres et JetBrains Mono pour les libellés techniques.
Couleur
Noir, argent et un seul rouge, avec un bleu froid réservé à la ligne de scan.
Geste central
Une ligne de scan traverse la carrosserie et révèle la mécanique.

La palette du site

  • Base#08090B
  • White#F4F3EF
  • Silver#ADB4BC
  • Red#E63B32
  • Scan blue#CFE9FF

Polices

Inter Tight · JetBrains Mono

04 L’interface

automotives-sta-st-albans.vercel.app

Automotives STA : écran 2 du site en ligne

automotives-sta-st-albans.vercel.app

Automotives STA : écran 3 du site en ligne

automotives-sta-st-albans.vercel.app

Automotives STA : écran 4 du site en ligne

Mobile

Automotives STA sur mobile : écran 1
Automotives STA sur mobile : écran 2

05 Le mouvement

  1. 01 Voiture
  2. 02 Scan
  3. 03 Moteur

La lumière révèle la voiture ; la ligne de scan parcourt la carrosserie et montre la structure ; le moteur se sépare en groupes et les pièces s’emboîtent dans les cartes de services.

06 Ce que j’ai fait

Direction artistique, interface, animation et développement.