Aller au contenu
Manon Abel-Coindoz

Tous les projets

Maison Mimosa

Qualité frontend · UI éditoriale · Images · Interaction

Un site éditorial pour un studio d’architecture intérieure à Marseille, construit autour des images, du récit de chaque projet et d’un avant / après interactif.

Année
2026
Rôle
Développement frontend et intégration de l’identité visuelle
Stack
Next.js, TypeScript, Tailwind CSS v4
Statut
Projet client · En ligne
Page Réalisations de Maison Mimosa : Appartement Mimosa, un patio urbain et un projet en préparation
Réalisations
Page projet Appartement Mimosa : curseur avant / après sur la salle à manger
Avant / après
Exploration pièce par pièce : la salle à manger et sa description, avec la liste des autres pièces
Pièce par pièce
Page À propos de Maison Mimosa : l’histoire du studio et son approche
À propos

En bref

J’ai développé le frontend de Maison Mimosa, en traduisant son identité visuelle en un site éditorial construit autour des images, du récit de chaque projet et d’une exploration avant / après interactive. La marque, son identité et les projets d’aménagement sont ceux de Maison Mimosa ; le site, c’est ma partie.

Le problème

L’architecture intérieure se vend par l’image. Le site devait laisser respirer les réalisations et permettre d’explorer un projet comme on le visiterait, sans ressembler à un énième template de studio de déco.

Ce que j’ai construit

  • Les pages de prestations, un portfolio de réalisations, des pages projet détaillées, des contenus éditoriaux et une page À propos.
  • Sur les pages projet comme Appartement Mimosa : une comparaison avant / après interactive, la navigation entre les images et entre les pièces, et une galerie secondaire en vignettes.
  • Un texte éditorial associé à chaque espace, pour qu’un projet se lise comme une histoire et pas comme une suite de photos.
  • Des mises en page responsive où les images restent l’élément principal, quelle que soit la taille d’écran.

Choix techniques

  1. La page projet comme cœur de l’expérience

    C’est sur la page Appartement Mimosa que se concentre l’essentiel du travail frontend : avant / après, navigation entre les pièces, vignettes et texte de chaque espace doivent fonctionner ensemble sans transformer la page en tableau de bord.

  2. Des design tokens en variables CSS

    Couleurs, typographie et espacements sont définis une fois en variables CSS, aux côtés de Tailwind CSS v4. L’identité reste cohérente d’une page à l’autre, et la faire évoluer revient à modifier quelques variables.

  3. Les images d’abord, les effets en dernier

    L’essentiel du temps est passé dans la typographie, le traitement des images et quelques micro-interactions. L’objectif : un site soigné, pas un site qui en fait trop.