Homunity : refonte Webflow d'une plateforme immobilière

Direction Artistique

Renouveler l'identité sans repartir de zéro

Homunity arrivait avec un bleu historique à conserver, mais aucun design system, aucune couleur secondaire, et aucun élément visuel distinctif dans son logo.

Le travail de direction artistique a apporté une nouvelle énergie visuelle tout en restant lisible pour une cible de 35-55 ans qui ne cherche ni le dark mode ni le "finance haut de gamme".

Nous avons proposé 3 pistes créatives lors de la phase Look & Feel, en prenant appui sur les références choisies par Homunity (Make, Finary, Iroko, Aircall, Anaxago).

Le résultat : un bleu revu et renforcé, une palette de couleurs secondaires affirmée, une typographie Google Font au caractère classique mais avec plus de présence et l'amorce d'un signe distinctif pour le logo (H stylisé, discret mais reconnaissable, sans tomber dans les codes convenus de l'immobilier).

UI Design

Un UI Kit construit de zéro, pour un site qui tient dans la durée

Le design UX/UI a commencé par la création d'une bibliothèque complète de composants : couleurs primaires et secondaires, typographies, grilles, états interactifs (hover, focus, disabled), icônes, composants UI réutilisables. Ce UI Kit est la colonne vertébrale du site : il garantit la cohérence visuelle sur l'ensemble des templates et facilite les futures évolutions en autonomie.

Le périmètre de design a couvert l'ensemble des pages et templates nécessaires au site :

‍Concevoir un site-produit, pas juste un site vitrine

Homunity n'est pas un simple site de présentation : c'est une plateforme avec de l'authentification, des données produits en temps réel et une expérience différenciée selon que l'utilisateur est visiteur ou investisseur connecté.

Cette dimension produit a guidé l'ensemble de nos décisions d'architecture et d'UX. Nous avons conçu :

• Une carte interactive (map) : visualisation géographique des projets en cours ou financés, permettant à l'utilisateur d'explorer l'offre de manière intuitive.
• Une architecture CMS pensée pour l'autonomie éditoriale : chaque type de contenu (blog, guides, webinaires) dispose de sa propre structure, avec des champs CMS adaptés aux besoins de chaque équipe.

En amont de l'intégration, nous avons analysé la structure de données de l'API Homunity (entités scpi, projets_crowdfunding, biens_lmnp) pour aligner le mapping CMS Webflow avec les champs réels du back-end, et anticiper les logiques de filtrage, de tri et de pagination.

De la validation du Look & Feel fin juillet 2025 à la validation UI finale début décembre, la phase design a duré 4 mois, avec des cycles d'itérations réguliers directement dans Figma.

Dev Webflow

Une intégration technique sans compromis sur la performance

Le développement Webflow a démarré début décembre 2025, pour une mise en production le 26 février 2026. Derrière un site fluide et rapide se cachent plusieurs briques techniques avancées, développées en interne par notre équipe.

Connexion API REST

‍Les pages SCPI, crowdfunding et LMNP sont alimentées dynamiquement via l'API Homunity. Les données (rendements, statuts, caractéristiques produit, durées d'investissement) sont récupérées et injectées en temps réel, sans intervention manuelle sur le CMS Webflow.

Le mapping entre les champs API et les composants Webflow a été documenté et validé avec l'équipe technique d'Homunity.

Carte interactive

‍La map est intégrée via une librairie JavaScript, avec des marqueurs dynamiques liés aux données de projets. Elle permet de filtrer et d'explorer les projets disponibles directement depuis l'interface publique.

CMS multi-collections

‍Blog, guides investisseurs, webinaires : chaque type de contenu dispose de sa propre collection CMS et de ses templates dédiés. La structure a été conçue pour être maintenue sans développeur.

Script scroll horizontal custom

‍Développé en interne par notre équipe, ce script JavaScript gère les sections à défilement horizontal, un pattern interactif utilisé pour la mise en valeur de certaines typologies de projets. Il a été adapté au contexte spécifique d'Homunity et est réutilisable sur d'autres projets.

Après intégration : QA complet sur l'ensemble des pages et composants, suivi d'une formation Webflow d'1h pour rendre l'équipe Homunity autonome sur la gestion du contenu.

SEO/GEO : Migration

Migrer sans sacrifier 10 ans de capital SEO

Homunity existe depuis 2014 et a construit un positionnement organique solide sur des mots-clés stratégiques : crowdfunding immobilier, SCPI, LMNP, guides investisseurs. Une refonte sans stratégie SEO rigoureuse aurait pu effacer des années de capital difficilement acquis.

Notre approche de migration s'est articulée autour de quatre axes :

1. Architecture d'URL

‍Nous avons travaillé à maintenir une structure ISO au site existant au maximum, avec des règles claires établies en amont de l'intégration. Distinction stricte entre pages commerciales (/fr/scpi/, /fr/investir/lmnp/) et contenus éditoriaux (blog, guides), ces derniers repositionnés hors du dossier /ressources/ pour optimiser leur indexation individuelle.‍

2. Plan de redirections

‍Coordonné avec Eskimoz, l'agence SEO d'Homunity, pour s'assurer que chaque ancienne URL redirige proprement vers son équivalent sur le nouveau site. L'objectif : zéro perte de jus de lien sur les pages à fort potentiel. Les redirections 301 ont été configurées directement dans Webflow.

3. SEO technique

‍Checkup complet en fin de projet : structure des balises <title> et meta description, hiérarchie des headings (H1/H2/H3), performances de chargement, balises canoniques, sitemaps XML, robots.txt, et validité du balisage sémantique. Webflow a été livré dans un état techniquement irréprochable, prêt à l'indexation.

4. Optimisation GEO (Generative Engine Optimization

‍En parallèle du SEO classique, nous avons structuré le contenu pour maximiser la lisibilité par les moteurs d'IA génératifs, ChatGPT, Perplexity, Google AI Overviews. Cela repose sur plusieurs principes appliqués aux pages guides (LMNP, SCPI, crowdfunding) : hiérarchie sémantique stricte, formats de contenu clairs et répondant à des intentions de recherche précises, densité informationnelle suffisante pour être cité comme source dans une réponse générée. Les pages guides Homunity sont ainsi positionnées non seulement pour Google, mais pour la nouvelle couche de recherche pilotée par les LLM.