Étude de cas · 2026
Marine Caro
Site Vitrine · Architecte en Provence
Refonte du site d'une architecte en Provence — un portfolio premium qui révèle l'excellence de son travail et transforme le visiteur en prise de contact. Direction artistique éditoriale minimale, vidéo d'ambiance générée en IA et vraies photos de chantiers.
Le contexte
Le client, et son point de départ.
Le client
Marine Caro (Architecte Horizon) est architecte en Provence — Vaucluse, Gard, Bouches-du-Rhône. Elle conçoit des villas neuves, rénove des mas et restaure des bâtisses en secteur sauvegardé, dans le respect du patrimoine et des matériaux nobles (pierre, chaux, bois massif, travertin).
Le problème
Son ancien site WordPress, basique et daté, ne reflétait en rien la qualité de ses réalisations. Dans un métier où la confiance se gagne sur l'image, un site générique fait perdre des projets haut de gamme. Il fallait une vitrine à la hauteur de son travail, qui inspire et déclenche la demande.
Le parti pris design
La charte, en clair.
Palette
#000000
Encre
#707070
Pierre
#F6F6F1
Beige doux
#FFFFFF
Blanc
Typographie
Titres & corps
Architecte en Provence
Geist — Sans-serif contemporaine, neutre et lisible — elle ne vole jamais la vedette à l’architecture.
La solution
Ce qui a été conçu, et pourquoi.
Direction artistique éditoriale
DA minimale et élégante (typographie Geist, beige doux & noir, grandes images), pensée comme un magazine d'architecture. Le site respire et met la pierre, la lumière et le paysage au premier plan.
Vidéo IA + vraies photos
Une vidéo d'ouverture cinématographique (mas provençal au coucher de soleil) générée et upscalée en IA, combinée aux véritables photographies des chantiers livrés de l'architecte.
Architecture multi-pages
Accueil, Projets et fiches détaillées, Agence, Services, Galerie et Contact — une structure claire qui valorise chaque réalisation et raconte la démarche.
Parcours vers le contact
Chaque page guide vers la prise de contact : CTA permanents, formulaire qualifié par type de projet, coordonnées directes. La découverte mène naturellement à l'échange.
Les détails qui comptent
Les choix d'interface.
Le design ne se juge pas qu'à la première image. Voici les décisions d'ergonomie qui font qu'on reste, qu'on comprend, et qu'on passe à l'action.
Le vide comme parti pris
Beaucoup de blanc, de grandes images plein cadre : chaque projet a le poids d’une double page imprimée. On ne remplit pas l’écran, on le laisse respirer — c’est ce qui signale le haut de gamme.
Des animations lentes, courbe sur-mesure
Les transitions posées (easing custom) donnent une sensation premium et sérieuse, à l’image d’un travail sur des mas en secteur sauvegardé. La lenteur est un choix, pas un défaut.
Un formulaire qualifié par type de projet
Neuf, rénovation ou restauration : le visiteur se classe lui-même, et Marine reçoit une demande déjà cadrée plutôt qu’un simple « bonjour ».
Aperçu du projet
Le rendu, en images.
La démarche
Comment on a travaillé.
Brief & cadrage
On commence par comprendre le métier, la cible et l'objectif business : qui doit convertir, sur quoi se joue la confiance, quels concurrents. Le périmètre et l'arborescence sont fixés avant la moindre ligne de code.
Direction artistique
Moodboard, palette, typographie et maquette du parcours — validés bloc par bloc. La DA est pensée pour le secteur et pour convertir, jamais un template générique revendu.
Développement sur-mesure
Intégration en Next.js + TypeScript + Tailwind, responsive pixel-perfect, animations et performances soignées. Code propre, statique quand c'est possible, zéro page lente.
SEO & contenu
Metadata, Open Graph, Schema.org, structure de contenu et maillage interne pensés pour le référencement dès le départ. Objectif Lighthouse SEO > 90.
Livraison & déploiement
Audit qualité et sécurité, déploiement sur Vercel, configuration du domaine + HTTPS, puis prise en main. Le site est livré prêt à performer.
Les résultats
Des chiffres, pas des promesses.
100%
refonte sur-mesure (ex-WordPress basique)
Vidéo IA
d'ambiance 2K + vraies photos de chantiers
Multi-pages
projets, agence, services, galerie, contact
Geist
DA éditoriale minimale & responsive
Technologies
La stack du projet
Projet suivant
Stoop
Site Vitrine · Logistique & Transport
Votre projet est le prochain
Un projet similaire ? Parlons-en.
Devis gratuit sous 24h, sans engagement.