Back to portfolio
BlogPublished

Famille Labrouche

Plateforme patrimoniale pour la famille des Marquis de Moratalla. Cinq siècles d'histoire européenne, de l'explorateur Cabeza de Vaca aux courses hippiques de légende.

ClientFamille Labrouche - Marquis de Moratalla
Year2026
Famille Labrouche
Context

Project genesis

La famille Labrouche-Moratalla souhaitait préserver et partager un patrimoine exceptionnel : le titre de Marqués de Moratalla créé en 1681 par Charles II d'Espagne, une lignée remontant à l'explorateur Álvar Núñez Cabeza de Vaca (auteur du premier livre européen sur l'Amérique du Nord en 1542), et des succès hippiques comme The Fellow, vainqueur de la Cheltenham Gold Cup 1994.

stephanieforesterlabrouche.ch
Famille Labrouche - Site patrimonial

Marquis de Moratalla — Cinq siècles d'histoire européenne

01The challenge

Client problem

Comment créer un site patrimonial parfaitement référencé sur Google, tout en permettant à la famille de gérer son contenu en autonomie ?

Référencement prioritaire : le site doit apparaître en tête des résultats Google pour le nom de famille et les termes associés

Patrimoine dispersé : archives, photos et documents familiaux éparpillés sans structure

Généalogie complexe : 11+ personnages historiques à présenter avec leurs biographies

Autonomie souhaitée : la famille veut publier ses propres articles sans intervention technique

Prestige à refléter : le design doit être à la hauteur d'un titre de noblesse espagnol

Famille Labrouche - Accueil sur iPad
Moratalla - Accueil sur mobile
02Our approach

Technical solution

Une application React fullstack optimisée SEO avec administration intégrée, permettant à la famille de gérer son contenu en toute autonomie.

SEO optimisé : méta-tags dynamiques, données structurées Schema.org, sitemap XML et score Lighthouse 95+

Architecture fullstack : React frontend + Express backend + SQLite pour autonomie totale

Admin panel complet : gestion des articles, médias et contenus sans code

Éditeur TipTap : rédaction d'articles riches avec mise en forme avancée

Design noble : palette bleu nuit et or, thème clair/sombre, typographie Playfair Display

Key decisions

  • SSR-like rendering pour indexation Google optimale
  • Mode light/dark pour s'adapter aux préférences utilisateur
  • Compression d'images automatique côté serveur

Timeline historique interactive

Une chronologie immersive retraçant cinq siècles d'histoire familiale, de l'explorateur Cabeza de Vaca aux courses hippiques de légende.

  • 5 siècles d'histoire depuis 1212
  • 11+ biographies détaillées de personnages historiques
  • Événements marquants et jalons familiaux
stephanieforesterlabrouche.ch/famille
Moratalla - Timeline historique interactive
Features

Key features

Généalogie interactive

Portraits et biographies détaillées de 11+ personnages historiques. Navigation intuitive entre les membres de la famille à travers les siècles.

Collections patrimoniales

Quatre collections thématiques : Cabeza de Vaca, Excellence équestre, Noblesse espagnole, Connexion Labrouche. Chaque collection avec son histoire dédiée.

Blog familial

Système d'articles complet avec éditeur TipTap. La famille publie ses actualités en autonomie : événements, commémorations, découvertes d'archives.

Admin panel

Interface d'administration sécurisée pour gérer articles, médias et contenus. Upload d'images avec optimisation automatique.

Timeline historique

Chronologie interactive des événements marquants depuis 1212. Jalons familiaux, titres de noblesse, explorations et victoires hippiques.

Galerie optimisée

Exposition d'images patrimoniales avec génération automatique de 3 résolutions (thumbnail, medium, original) et conversion WebP.

03Results

Project impact

Un site patrimonial complet, performant et entièrement gérable par la famille.

5
siècles d'histoire
11+
biographies
95+
score Lighthouse
77%
compression images
2
thèmes (clair/sombre)
100%
autonome
  • Timeline historique interactive depuis 1212
  • Système de blog autonome avec éditeur riche
  • Galerie optimisée WebP avec 3 résolutions
  • Compatible iOS Safari (debugging spécifique résolu)

Collections patrimoniales

Quatre collections thématiques organisent cinq siècles d'histoire : Cabeza de Vaca, Excellence équestre, Noblesse espagnole et Connexion Labrouche.

  • 4 collections thématiques illustrées
  • De l'explorateur Cabeza de Vaca aux courses hippiques
  • Navigation intuitive entre les époques
stephanieforesterlabrouche.ch/patrimoine
Moratalla - Collections patrimoniales
Technologies

Tech stack

React Express SQLite Tailwind TipTap Sharp

Have a similar project?

Let's discuss your needs and create your web solution together.