Aller au contenu

Stoneo : identité et site web d'une agence immobilière

Stoneo associe agents immobiliers de quartier et technologie propriétaire à Paris, Nantes et Aix-Marseille. Son réseau avait besoin d'un site duplicable pour chaque agent, connecté aux annonces et adapté au mobile.

Stoneo a choisi Gemeos, agence web pour les agences immobilières, pour l'identité visuelle, l'UX/UI, Webflow, les connexions API et le SEO local.

Ordinateur portable sur une table en bois affichant la page d’accueil Stoneo avec menu Vendre ouvert et recherche de bien

Une plateforme immobilière réplicable pour chaque agent du réseau

Stoneo mise sur la proximité de ses agents à Paris, Nantes et Aix-Marseille, tout en s'appuyant sur une technologie métier commune. Le besoin dépassait la refonte d'une simple vitrine : chaque agent devait pouvoir bénéficier d'un site adapté à son secteur, alimenté par les annonces du réseau. Les parcours de recherche de biens devaient, eux, rester fluides sur mobile.

Gemeos a conçu une identité visuelle valorisant les agents et l'ancrage local, puis une interface avec recherche de biens et filtres. Le développement Webflow repose sur un modèle duplicable, des connexions à l'API immobilière et des composants normalisés. La structure SEO locale accompagne le déploiement par ville et par quartier.

Industrie
Immobilier
Services
DA
Intégration
SEO
UX/UI Design
Trois maquettes de pages d’accueil Stoneo, dont la version retenue « Promesse délivrée » avec recherche de bien

DA

Un territoire visuel entre chaleur humaine et efficacité

La direction artistique s'est construite autour d'un refus : ne pas reproduire les codes froids de la finance ou des portails anonymes. Chez Stoneo, ce sont les agents et leur terrain qui sont au centre. Le parti pris esthétique le reflète, photographie, mise en page, hiérarchie typographique, pour projeter une confiance accessible plutôt qu'une expertise intimidante. Chaque page raconte la même chose : ici, il y a des gens qui connaissent vraiment leur secteur. La DA pose les bases d'une narration visuelle coherente sur l'ensemble du site, des pages implantations jusqu'aux fiches biens.

  1. Concept 1 : Immersif & Épuré

    Un hero photographique plein écran avec barre de recherche intégrée qui plonge immédiatement dans l'univers des biens Stoneo. Le fond sombre de la page crée un contraste élégant avec les sections blanches et les cards propriétés. La grille de biens en carrousel horizontal et les portraits d'équipe en frise instaurent confiance et proximité. Une direction sobre et professionnelle, dans les codes classiques de l'agence immobilière haut de gamme.

  2. Concept 2 : Vert & Chaleureux

    Un univers vert sauge dominant qui ancre Stoneo dans une identité forte et mémorable. Le hero splitté photo/recherche sur fond coloré crée une accroche visuelle immédiate. Les cards biens avec badges quartier en orange et les avatars d'équipe en cercles sur fond vert donnent une chaleur et une proximité distinctives. La typographie italique pour les titres apporte un caractère éditorial et élégant. La direction la plus identitaire et différenciante des trois.

  3. Concept 3 : Premium & Institutionnel

    Un design blanc et aéré qui mise sur la crédibilité et le professionnalisme. Le hero splitté texte/photo avec barre de recherche multi-onglets, Vendre, Acheter, Gestion locative, structure l'offre dès le premier fold. Le bloc marque avec logo Stoneo sur photographie parisienne aérienne installe la dimension institutionnelle. Les cards équipe en grille et les biens en carrousel complètent une direction rassurante et premium, pensée pour des clients exigeants qui cherchent une agence de confiance.

Maquette de page d’accueil Stoneo : titre « Promesse délivrée », recherche de bien et photo d’un loft
Concept 1
Smartphone affichant la liste de biens Stoneo : appartement à 430 000 € à Paris 17, 92 m², 3 pièces

UI Design

Des interfaces pensées pour 80% de trafic mobile

Le design UI a été conçu en mobile-first dès la première maquette, sans compromis. Avec 80% du trafic venant du mobile, chaque composant a été pensé pour la lisibilité sur petit écran : cartes de biens denses mais aérées, navigation réduite à l'essentiel, formulaires courts orientés conversion. Sur desktop, la grille s'ouvre et respire, même logique, plus d'espace. La hiérarchie visuelle guide l'utilisateur vers trois actions clés : estimer son bien, consulter les biens disponibles, contacter un agent. Aucun élément décoratif ne vient ralentir ce parcours.

  • Page d’annonce desktop Stoneo : photos d’un salon, appartement à 430 000 € rue des Batignolles et agente
  • Cartes d’étapes Stoneo en vert et beige : Valorisation du bien, 04 Rédaction de l’annonce, Diffusion multicanal
  • Carte verte Stoneo « Découvrir le prix de votre bien » avec bouton « Estimer en ligne », entre deux photos d’intérieurs
  • Maquettes Stoneo : page d’accueil desktop « Promesse délivrée » et liste mobile de biens à 430 000 €
  • Page de recherche de biens Stoneo sur desktop : filtres, menu de localisation ouvert et grille de cartes à 430 000 €
  • Carte contact Stoneo de la consultante Johanne Perré avec formulaire Nom, Prénom, Téléphone, Email et message
  • Sélecteur de localisation Stoneo : Paris 16 et Paris 17 sélectionnés, suggestions Nantes, lien Effacer la sélection
  • Page d’accueil desktop Stoneo avec menu Vendre déroulé, recherche de bien et photo d’un loft avec escalier
  • Composants UI Stoneo : carte d’article avec photo de toits parisiens et encart bleu nuit « Estimer mon bien »
  • Carte de profil Stoneo : portrait noir et blanc de Louis Pasquier, souriant, avec son nom et une flèche verte

Product Design

Concevoir un produit pour des dizaines d'agents en parallèle

Le défi central du projet n'était pas de livrer un site, mais un gabarit. Stoneo déploie sa plateforme pour chaque agent de son réseau via Avest, ce qui signifie que chaque décision de product design devait fonctionner aussi bien pour l'agence principale que pour un agent indépendant à Nantes ou à Marseille.

Chaque template de page, fiche bien, profil agent, page d'implantation par ville, a été pensé comme un module réutilisable et paramétrable. La structure du CMS, l'architecture de navigation, les gabarits de pages : tout est normalisé pour que la duplication soit fluide, sans régression visuelle, sans intervention design à chaque nouveau déploiement. Le product design devient ici un levier d'opération, pas seulement d'expérience utilisateur.

Page d’accueil du site Stoneo sur un ordinateur portable : titre « Promesse délivrée », recherche de bien et salon

Dev Webflow

Un développement structuré pour la scalabilité, l’API et les filtres

La complexité technique du projet Stoneo tient à trois axes interdipéndants.

Axe techniqueCe qui a été mis en place
Architecture scalableLe projet Webflow est construit comme un template maître, clonable et déployable pour chaque agent du réseau. Variables, classes CSS, structure de CMS : tout est normalisé pour permettre une duplication sans dette technique, opérée directement par Avest.
Connexion API propriétaireLes annonces immobilières sont injectées dynamiquement via l’API Stoneo. Chaque instance de site agent récupère uniquement ses biens via un token d’authentification. Le catalogue est toujours à jour, sans aucune manipulation manuelle du CMS.
Filtres avancés sur-mesureLa recherche de biens intègre un système multicritères développé avec Finsweet CMS Filter, enrichi de logique TypeScript custom. Filtres par ville, type de bien, fourchette de prix, statut, combinables entre eux, sans rechargement de page.

En complément, une session de formation Webflow a été livrée à l’équipe Stoneo, styleguide, logique des collection lists, gestion autonome du contenu, pour leur permettre de piloter la plateforme sans dépendance externe.

  • Page d’accueil Stoneo sur un ordinateur portable : bouton « Estimer maintenant » et photo d’un loft lumineux
  • Main tenant un smartphone affichant le site mobile Stoneo : onglet Gestion locative, champ adresse et bouton Voir le prix
  • Smartphone affichant le site mobile Stoneo : annonces d’appartements avec filtres, ici 430 000 € à Paris 17
  • Smartphone tenu en main affichant les annonces Stoneo : appartement 92 m2, 3 pièces, 430 000 €, Paris 17
  • Carte d’annonce Stoneo : appartement 92 m2, 3 pièces, 430 000 €, Paris 17, badges Exclusivité et Sous offre
Maquettes de pages du site Stoneo : blog « Actualités et analyses du marché immobilier » et pages d’articles

SEO : Visibilité locale pour un réseau d’agences de quartier

Le SEO de Stoneo s’inscrit dans une logique de réseau : chaque agent a sa propre implantation géographique, et le référencement devait refléter cette présence locale forte tout en consolidant l’autorité de la marque Stoneo. Gemeos a mis en place les fondations SEO techniques pour maximiser la visibilité par quartier et par ville.

Action SEOMise en œuvre
SEO techniqueBalises title/meta optimisées par page, structure Hn cohérente, données structurées RealEstateAgent et LocalBusiness (schema.org)
Pages géo-cibléesArchitecture de pages par implantation (Paris, Nantes, Aix-Marseille) et par quartier, pour capter les requêtes locales à forte intention d’achat ou de vente
Pages fiches biensGénération automatique de pages biens via l’API avec données structurées RealEstateListing pour maximiser la visibilité dans les SERPs immobiliers
SEO réseau d’agentsStratégie de maillage interne entre les pages agents, les implantations et les biens pour maximiser l’autorité de chaque sous-site agent

Nos dernières réalisations

+250 entreprises accompagnées

Des sites designés et développés avec

Voir tous les projets

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!