Harlow France - webdesign pour une agence immobilière parisienne

Harlow France est une agence immobilière fictive présente dans 26 marchés, de Paris à la Côte d'Azur. Mêmes gabarits que toutes les éditions Harlow, mais une voix entièrement française : vouvoiement, pièces et prix au m², loyers hors charges, mentions légales, RGPD et CNIL. La typographie française (espaces fines, guillemets) est appliquée automatiquement.

Fiche projet

• Client: Harlow Immobilier SAS (fictive)
• Secteur: Transaction et location résidentielles
• Marchés: Paris et 25 marchés dans 10 régions
• Prestations: Localisation de marché · Rédaction · Adaptation de marque · Webdesign immobilier · Accessibilité (WCAG 2.2 AA) · Fondations SEO
• Gabarits: 9 gabarits partagés avec toutes les éditions Harlow
• Technique: HTML, CSS et JavaScript écrits à la main ; un fichier de textes et un thème par marché

Le brief

Un site qui parle comme une agence parisienne

Le marché français se lit en pièces et en euros au m², se raconte par quartier et par arrondissement, et attend des mentions légales complètes. Le texte est réécrit, pas traduit : du Marais au Vieux-Port, de l'estimation gratuite aux visites groupées, avec le vouvoiement propre à l'immobilier haut de gamme.

Pensé pour la France

Ce qui change réellement entre l'édition américaine et celle-ci

• Récit - Édition US: 27 marchés américains · France: 26 marchés français, fondée dans le Marais
• Guide - Édition US: West Village · France: Le Marais : place des Vosges, Carnavalet, métro Saint-Paul
• Prix - Édition US: $1,895,000 · France: 13 400 €/m² ; loyer 34 €/m²/mois hors charges
• Biens - Édition US: 4 bd · 3.5 ba · sq ft · France: 7 pièces · 3 sdb · 290 m²
• Juridique - Édition US: Fair Housing · France: Mentions légales (SAS, RCS, carte T), RGPD et CNIL, CGU, accessibilité RGAA
• Consentement - Édition US: Bandeau d'information · France: Opt-in : « Tout refuser » aussi visible que « Tout accepter »
• Style - Édition US: Ivoire, bronze · France: Blanc cassé, bleu sourd et rouge ; Cormorant Garamond + Jost, angles droits

Adaptation de marque

Le même Harlow, avec un accent local

Un bleu sourd porte l'interface ; un rouge profond souligne les italiques, éclairci sur fond sombre pour respecter le contraste WCAG AA. Cormorant Garamond et Jost donnent une élégance éditoriale, avec des angles droits et beaucoup d'espace. Le logo prend la mention Immobilier.

Page d'accueil et guide de quartier

La page d'accueil s'ouvre sur une façade haussmannienne : Trouvez le lieu qui vous ressemble. Les villes : Paris, Lyon, Bordeaux, Marseille, Nice et Nantes. Le guide du Marais donne le prix au m², le loyer hors charges, les ventes dans l'ancien, le temps jusqu'à Châtelet et la station Saint-Paul.

Conformité, accessibilité et confiance

• Mentions légales complètes (fictives, marquées démo) : SAS, RCS, TVA, carte professionnelle T, directeur de la publication.
• Politique de confidentialité RGPD avec droit de réclamation auprès de la CNIL.
• Bandeau cookies conforme aux recommandations de la CNIL : refus aussi simple que l'acceptation.
• Conforme aux contrôles automatisés WCAG 2.2 AA sur chaque page en 360, 390, 768 et 1440 px : aucun défaut de contraste, aucun contrôle inaccessible, aucun défilement horizontal.
• Un sélecteur de langue construit à partir de hreflang figure dans l'en-tête sur ordinateur et dans le pied de page sur mobile.

Un système, douze marchés

Chaque texte visible tient dans un fichier par marché, chaque couleur et typographie dans un thème. Cette édition n'a demandé ni nouveau gabarit ni nouveau composant : des textes, un thème, des photos locales et des mentions légales en ont fait une expérience de marque à part entière. Pour un groupe immobilier qui s'internationalise, un nouveau marché devient un projet de contenu, pas une refonte.

Livrables

• Profil de marché : langue, formats, droit et saisonnalité
• Textes localisés pour 9 gabarits, en-tête, pied de page et formulaires
• Adaptation de marque : palette, typographies et mention du logo
• 21 photos régionales (Pexels, sources dans credits.json)
• Mentions légales et politique de confidentialité
• Accessibilité (WCAG 2.2 AA, contrôle automatisé) et recette sur quatre largeurs d'écran
• Médias portfolio : captures, pages complètes, vidéo de défilement, image OG, planche de marque