> ## Content Index
> Fetch the complete content index at: https://abstract27.com/fr/llms.txt
> Use this file to discover other available public pages before exploring further.

# Création de site pour une architecte d'intérieur à Londres et à Paris : Madame Design
- URL: https://abstract27.com/fr/creation-de-site-internet-pour-une-architecte-d-interieur-madamedesign-uk/
- Published: 2026-09-20T00:00:00.000Z
- Updated: 2026-10-30T10:26:45.000Z
- Description: Comment Abstract27 a conçu madamedesign.uk pour Valérie Gnansia Arquier : un site portfolio pour une architecte d'intérieur travaillant entre Londres et Paris, sur Ghost CMS géré, avec des projets qu'elle publie elle-même.
- Author: Jérémie Raude-Leroy
- Tags: Étude de cas, Webdesign, #portfolio, #sector-professional, #primary-professional, #import-2026-10-24, #refreshed

## Client

[**Madame Design**](https://madamedesign.uk/?ref=abstract27.com) — un cabinet de décoration intérieure sur mesure fondé en 2023 par **Valérie Gnansia Arquier**, spécialisé dans les rénovations résidentielles haut de gamme à Londres et partout en France. Son parcours mêle architecture d'intérieur et mode. La signature du site : *Inspired by you.*

## Secteur

Architecture et décoration d'intérieur — un cabinet indépendant au service de clients privés dans deux pays

## Prestations fournies

- [Création de site](https://abstract27.com/fr/web-essentiel-website-creation/) entièrement sur Ghost CMS
- [Hébergement pour Ghost CMS géré](https://abstract27.com/fr/ghost-cms-managed-hosting/)
- Une structure de portfolio centrée sur l'image
- Pages Services, À propos et Contact
- Intégration newsletter et avis Google
- Formation du client et accompagnement continu
- Octobre 2026 : une refonte réalisée à partir de la maquette et du cahier des charges rédigé par la cliente elle-même
- Aperçus sociaux automatiques (WhatsApp, LinkedIn) et métadonnées SEO sur chaque projet

## Objectif du projet

Valérie Gnansia Arquier n'avait pas de site. Elle avait un portfolio — dix rénovations achevées à Paris, Neuilly, Boulogne, Asnières et Londres — qui vivait dans des photographies, et une activité construite entièrement sur le bouche-à-oreille.

Pour une architecte d'intérieur, c'est un véritable plafond de verre. Le travail est visuel, la décision d'achat est visuelle, et un prospect qui ne peut pas voir les réalisations n'appellera pas. Trois objectifs :

1. **Mettre le travail en avant.** Pas une page d'accueil qui explique la philosophie au-dessus de la ligne de flottaison et affiche une vignette en dessous. Les photographies *sont* l'argument.
2. **La rendre autonome sur ses projets.** Le portfolio d'une décoratrice n'est jamais terminé. Si publier une rénovation achevée nécessite une agence, le site est dépassé en un trimestre.
3. **Servir deux marchés depuis un seul site.** Londres et Paris, sans scinder l'activité en deux.

## Le défi

- Concevoir pour des photographies aux formats très variés, d'un cliché vertical de cheminée à un salon tout en largeur
- Garder le site rapide alors que chaque page est essentiellement une galerie
- Structurer une offre de services allant d'une simple consultation de style à la coordination complète d'un projet
- Donner à une décoratrice — et non une technicienne — un flux de publication qu'elle peut utiliser sans aide

## Solutions mises en place

### Une page d'accueil qui est une galerie, pas une brochure

Au lancement, la page d'accueil était le portfolio lui-même : une grille de projets, chacun représenté par une grande photographie et son titre, l'un d'eux mis en avant et les autres se chargeant progressivement au défilement. Le seul texte au-dessus était un unique paragraphe de positionnement : décoration intérieure sur mesure à Londres et à Paris, rénovations résidentielles haut de gamme, de la conception à la réalisation.

Cette sobriété est un choix délibéré. Le site d'un cabinet de décoration se juge sur le goût dès les deux premières secondes, et rien ne communique moins le goût qu'un mur de texte.

### Des pages projet qui se lisent comme une fiche technique

Chaque projet s'ouvre sur les informations qu'un client recherche réellement — lieu, type de projet, périmètre, style — puis laisse toute la place aux photographies. Par exemple : *Boulevard Saint-Germain, Paris 6ᵉ, rénovation d'un appartement duplex, décoration intérieure, mobilier sur mesure et gestion de projet, style parisien contemporain à caractère ancien.*

Court, factuel, puis les images. Et chaque projet se termine par un bloc de projets similaires, de sorte qu'un visiteur séduit par une rénovation en découvre immédiatement deux autres. C'est ce seul mécanisme qui transforme une visite de portfolio d'une page en trois.

### Des slugs qui décrivent le travail

Parce que Ghost laisse le contrôle des URL à la rédaction, chaque projet se trouve à une adresse qui le décrit : `/apartment-renovation-bryanston-square-london/`, `/duplex-renovation-paris-15th/`, `/studio-conversion-asnieres-sur-seine/`.

Cela compte plus pour une architecte d'intérieur que pour presque toute autre profession. Personne ne recherche le nom d'une décoratrice — on recherche *rénovation appartement Paris 15* ou *architecte d'intérieur Bryanston Square*. Chaque page projet est donc une page d'atterrissage pour un type de demande précis, dans un lieu précis. Dix projets, dix portes d'entrée.

### Une page services qui répond à « qu'est-ce que cela va m'engager ? »

Plutôt qu'une offre indifférenciée, le site distingue trois niveaux d'implication : **décoration et aménagement intérieur** pour les clients souhaitant affiner un espace sans gros travaux, **développement du projet** couvrant planches d'ambiance, recherche de matériaux, sourcing fournisseurs, plans techniques et visuels 3D, et **coordination de projet** supervisant artisans et fournisseurs jusqu'à la livraison.

Un prospect peut ainsi s'auto-qualifier avant le premier échange, ce qui est la chose la plus utile qu'une page services puisse faire pour une professionnelle indépendante.

### Signaux de confiance et audience

Une inscription à la newsletter permet de constituer sa propre liste de prospects plutôt qu'une liste louée, et un lien vers les avis Google oriente les clients satisfaits vers l'endroit où les avis influencent réellement la recherche locale. Des détails, mais ce sont eux qui transforment un portfolio en actif pour l'activité.

> Besoin d'un site portfolio qui met correctement en valeur votre travail ? [Réservez une visio gratuite de 30 minutes](https://abstract27.com/fr/contact/#reserver-un-appel) — sans engagement, nous examinerons ensemble vos photographies et votre structure.

## Octobre 2026 : une refonte dessinée par la cliente, construite par nous

Quelques mois après le lancement, Valérie est revenue avec quelque chose que peu de clients apportent : un design finalisé. Elle avait mis en page chaque page elle-même sur InDesign — une maquette de six pages à la largeur bureau de 1 440 px, annotée avec les marges, les hauteurs de photos et la typographie exacte (Bodoni Moda pour les titres, Century Gothic pour le texte) — accompagnée d'un cahier des charges rédigé, page par page.

Le design et les règles sont les siens. Notre travail n'était pas de les réinterpréter : il était de les appliquer fidèlement dans Ghost, sans rendre le site plus difficile à gérer au quotidien pour elle.

![Maquette de la page d'accueil de Madame Design réalisée par la cliente, avec ses annotations](https://abstract27-blog.b-cdn.net/2026/10/madamedesign-mockup-home.webp)

![La page d'accueil de Madame Design telle que construite à partir de la maquette](https://abstract27-blog.b-cdn.net/2026/10/madamedesign-redesign.webp)

À gauche : la maquette de la page d'accueil réalisée par Valérie, avec ses propres annotations. À droite : la page d'accueil telle que construite.

### Ce que nous avons construit à partir de son brief

- **Page d'accueil** : son titre en Bodoni Moda italique, son introduction, et une mosaïque de dix photographies ovales en deux rangées de cinq, en conservant le grand espace blanc qu'elle souhaitait à droite. Les ovales forment une galerie Ghost classique, qu'elle met à jour elle-même.
- **Projets** : deux colonnes, avec le nom et le lieu de chaque projet toujours visibles sur la photographie — pas seulement au survol.
- **Pages projet** : titre, lieu, surface et périmètre en haut ; auteur, date et mention « Admin » supprimés ; galeries en rangées de hauteur égale (environ 394 px, comme spécifié) selon les deux mises en page de sa maquette ; et une visionneuse plein écran pour parcourir toutes les photographies du projet en grand format.
- **Services, À propos et pied de page** : trois services présentés côte à côte avec chacun sa photographie, un portrait aux bords arrondis à côté de son texte, et un lien « Avis clients » vers ses avis Google.
- **Mobile et tablette** : chaque page adaptée depuis la maquette bureau, en conservant sa composition.

![Maquette de page projet réalisée par la cliente, avec annotations de typographie et d'espacement](https://abstract27-blog.b-cdn.net/2026/10/madamedesign-mockup-project.webp)

![Une page projet de Madame Design telle que construite](https://abstract27-blog.b-cdn.net/2026/10/madamedesign-project-page.webp)

À gauche : la page projet telle que spécifiée dans la maquette. À droite : une page projet telle que construite — Rénovation d'un studio, Beaugrenelle.

### Là où nous avons conseillé plutôt que simplement exécuté

Century Gothic est une police commerciale qui nécessite une licence web payante. Plutôt que de laisser à la cliente un coût de licence — ou un risque — nous avons composé le texte en TeX Gyre Adventor, une police gratuite et sous licence ouverte, visuellement quasiment identique. Lorsque la maquette et le cahier des charges écrit se contredisaient (le titre du projet sur la photographie, ou en dessous), nous avons tranché avant de construire plutôt que de deviner.

Nous avons également restructuré les onze projets existants pour que la nouvelle mise en page fonctionne sans aucune retouche manuelle : chaque titre scindé en type de projet et lieu, surface et périmètre normalisés, galeries réorganisées selon les deux mises en page — ses photographies et ses textes conservés tels quels. La variante utilisée par un projet dépend simplement du nombre de photographies placées dans sa première galerie, il n'y a donc aucun nouveau réglage à apprendre.

Enfin, comme ses clients partagent les liens sur WhatsApp plus que partout ailleurs, chaque page affiche désormais un aperçu complet — image, titre et description — et chaque nouveau projet obtient automatiquement le sien dès sa publication.

## Une démarche étape par étape

1️⃣ **Positionnement et structure** — ce que le cabinet vend, à qui, dans quelles deux villes, et comment le site doit être lu.

2️⃣ **Thème et comportement des galeries** — grille centrée sur l'image, chargement progressif, gestion des formats mixtes.

3️⃣ **Construction du contenu** — dix projets publiés avec leurs photographies, informations et slugs descriptifs, ainsi que les pages Services, À propos et Contact.

4️⃣ **Newsletter et avis** — inscription sur son propre domaine, redirection vers les avis Google.

5️⃣ **Formation et mise en ligne** — une session de travail sur la publication d'un projet de A à Z, puis lancement sur madamedesign.uk.

6️⃣ **Refonte d'octobre 2026** — la maquette et le cahier des charges de la cliente appliqués page par page, projets existants restructurés, puis aperçus sociaux automatiques.

## À qui cela s'adresse

Cette même structure convient à tout cabinet où le travail fait l'argumentaire : **architectes d'intérieur** et **décorateurs**, **architectes**, **paysagistes**, **photographes**, **ébénistes** et **ateliers d'artisanat**. Dans chaque cas, l'exigence est identique : de grandes images bien traitées, des pages projet qui servent aussi de pages d'atterrissage locales, et un flux de publication que le professionnel utilise sans appeler personne.

Si vous comptez sur Instagram comme portfolio, vous construisez votre activité sur une adresse qui ne vous appartient pas et un fil que personne ne peut rechercher. [Un vrai site pour un professionnel indépendant](https://abstract27.com/fr/creer-site-internet-createurs-independants-freelancers/) règle les deux problèmes.

## Ce que la cliente gère elle-même

Valérie publie ses propres projets. Elle téléverse les photographies, rédige les informations du projet, définit le slug et publie — et elle le fait, régulièrement : le portfolio a été enrichi et révisé bien après la livraison, ce qui est la seule véritable preuve qu'une session de formation a porté ses fruits.

Elle modifie également elle-même ses pages À propos et Services. Nous assurons l'hébergement, la maintenance, les sauvegardes et le support.

## Conclusion

Un site pour une architecte d'intérieur fait partie des rares cas où le cahier des charges est véritablement simple et presque toujours mal exécuté : montrer le travail, en grand, rapidement, et permettre à la décoratrice de l'enrichir elle-même.

Madame Design a obtenu exactement cela — un site Ghost centré sur la galerie où chaque rénovation dispose de sa propre adresse indexable, une page services qui permet aux clients de s'auto-qualifier, et une professionnelle qui tient son portfolio à jour sans agence sur son chemin. Et lorsqu'elle a elle-même conçu un nouveau design, nous l'avons construit fidèlement à sa maquette : le site est le sien, jusqu'à la typographie.

## Besoin d'un site portfolio qui vend votre travail ?

[Parlons-en](https://abstract27.com/fr/contact/#reserver-un-appel) — une visio gratuite de 30 minutes, sans engagement. Nous concevons et hébergeons des sites pour architectes d'intérieur, architectes, ateliers et professionnels indépendants.

[Réserver une visio gratuite →](https://abstract27.com/fr/contact/#reserver-un-appel)Gratuit · \~30 minutes en visio · Sans engagement