Une marque
d'architecte,
en ordre de marche.
Naming, direction artistique, affiches de chantier, stationnery, site Webflow puis redev complet en Next.js — le même atelier du nom à la mise en prod.
Maîtrise d'œuvre · design d'espace.
Réconcilier le dessin et le chantier — dans le nom, dans la marque, dans le site.
Les Ateliers Forma — agence bordelaise de maîtrise d'œuvre, d'architecture d'intérieur et de design d'espace — portaient une conviction forte : les beaux projets se heurtent trop souvent à la réalité du terrain. Il fallait une marque qui affirme l'inverse dès le premier regard. Qui se lise aussi bien sur une palissade de chantier que sur un rendu de plateau tertiaire.
Mission solo, de bout en bout : trouver le nom, poser la direction artistique, produire le système d'affiches et de stationnery, lancer un premier site en Webflow pour aller vite, puis tout redévelopper en Next.js pour ouvrir le plafond sur le motion, la 3D, l'internationalisation et le form contact.
Deux motifs, quatre encres, un logotype qui claque.
ATELIERS FORMA. — un pluriel qui assume le collectif et l'artisanat, un singulier qui affirme le geste. Le point final est gagné : la marque pose, elle n'invite pas.
Deux motifs signatures qui cohabitent, jamais seuls : le F hachuré comme plan au sol, et l'escalier axonométrique comme élévation. Le langage des dessins techniques, retourné en langage de marque.
Affiches de chantier, stationnery, sur béton.
La marque se vit d'abord sur les palissades. Affiches A2 déclinées sur les quatre accents — terre cuite, gris taupe, bleu nuit, noir — toujours sur fond papier ivoire, toujours portées par l'un des deux motifs. Cartes de visite et enveloppes DL en série, comme une collection.
Go-live d'abord, librairie d'images ensuite.
Première mise en ligne en Webflow : valider le ton, exposer le catalogue, donner un domaine à l'agence. L'upload photo pro se fait là — le CDN Webflow reste aujourd'hui la source d'images du site, même après la réécriture.
Redev complet pour ouvrir le plafond.
Réécriture intégrale sur Claude Code : Next.js 15 App Router, React 19, Tailwind v4, design system à la main (tokens, 8 échelles typo, 25+ composants). Motion Framer + Lenis smooth scroll, scène 3D React Three Fiber — wireframe d'un bâtiment qui suit la souris. Internationalisation FR/EN avec next-intl. Formulaire contact validé Zod + Resend. Déploy Vercel.
App Router · Turbopack
Tokens · 8 échelles · 25+ composants
Reveals · parallax · wireframe 3D
Form Resend · deploy Vercel