Contactez-nous
Une question ? N’hésitez pas à nous écrire !
Problématiques
Comment simplifier et fluidifier un formulaire de demande de logement complexe, qui constitue le point de conversion central du site, tout en respectant des contraintes réglementaires non négociables ?
Comment concevoir une architecture d'information claire pour une offre segmentée entre plusieurs types de publics (particuliers, entreprises, partenaires institutionnels) et plusieurs types de résidences ?
Comment intégrer en temps réel la disponibilité des résidences et le parcours de réservation via un outil de gestion locative tiers (Ublo), tout en maintenant une expérience visuelle cohérente ?
Contexte
Association Parme est un acteur de l'économie sociale et solidaire qui gère plus de 6 500 logements meublés répartis dans 51 résidences en France. Elle s'adresse à des profils très variés : jeunes actifs, étudiants, salariés en mobilité géographique, mais aussi des personnes en situation de précarité. La démarche centrale du site est le dépôt d'une demande de logement, un processus critique qui conditionnait toutes les conversions. Le site existant, développé sur un CMS maison vieillissant, accumulait de nombreux problèmes : navigation confuse à double niveau, version mobile très dégradée, formulaire de demande peu intuitif avec des parcours semés de frictions, et des contrastes insuffisants qui compromettaient l'accessibilité pour tous les publics. Association Parme a fait appel à Wolfox pour reprendre ce site de fond en comble, avec un objectif clair : rendre le logement accessible, vraiment.
Phase 1 : Recherche UX, un audit pour comprendre les vraies frictions
Wolfox a démarré par une phase de recherche UX approfondie, en commençant par un audit ergonomique complet du site existant. Cet audit a révélé une structure en double navigation peu intuitive, des pages très denses qui cohabitaient avec des pages quasi vides, et un formulaire de demande truffé d'obstacles : blocs non cliquables, absence de placeholders, calendriers peu intuitifs, barre de progression non fonctionnelle, et des messages d'erreur qui forçaient l'utilisateur à tout recommencer depuis le début.
Un constat structurant est apparu dès les premières analyses : la version mobile était sévèrement dégradée. La navigation secondaire disparaissait entièrement sur smartphone, rendant impossible l'accès à l'espace locataire et à certaines informations essentielles. Or une large majorité des utilisateurs de Parme consultent le site depuis un téléphone.
Les points de friction prioritaires identifiés
L'audit a priorisé cinq axes d'amélioration majeurs : la refonte de la navigation pour la rendre plus intuitive et homogène, la simplification du formulaire de demande avec un parcours guidé et des retours d'erreur progressifs, la refonte de la version mobile en mobile-first, l'amélioration des contrastes et de la hiérarchie visuelle pour l'accessibilité, et la clarification de l'accès aux résidences via une page catalogue plus lisible avec des filtres efficaces.
Phase 2 : Conception UX, remettre l'utilisateur au centre
La conception UX a produit une arborescence entièrement repensée, organisée autour des profils utilisateurs plutôt qu'autour de la logique interne de l'association. La nouvelle navigation propose des entrées claires : Trouver ma résidence, Pour qui, Qui sommes-nous, avec des sous-sections logiquement rattachées. Les publics cibles (particuliers, entreprises, partenaires institutionnels, associations) ont chacun leur page dédiée, avec un contenu adapté à leurs besoins spécifiques.
Un formulaire de demande repensé de bout en bout
Le formulaire de demande de logement a fait l'objet d'une attention particulière. La conception a résolu les frictions identifiées dans l'audit : un parcours en étapes clairement indiquées avec une barre de progression fonctionnelle, des placeholders explicites dans chaque champ, des messages d'erreur contextuels sous chaque champ concerné plutôt qu'une modale bloquante, et une logique de sélection des résidences rendue intuitive avec les disponibilités visibles dès le catalogue.
Phase 3 : Conception UI, sobriété et confiance
La conception UI a traduit les valeurs de l'association en un langage visuel sobre, chaleureux et rassurant. La direction artistique choisie tranche avec l'ancienne version : typographie Manrope élégante et lisible, palette de couleurs revue avec des contrastes conformes aux normes WCAG, iconographie sur-mesure cohérente sur toutes les pages, et une mise en avant des photos authentiques des résidences plutôt que des visuels génériques.
Les chiffres clés de l'association (31 ans d'existence, 6 500 logements, 533€ de loyer moyen, 135 000 personnes logées en dix ans) ont été mis en valeur dès la homepage pour installer immédiatement la crédibilité et la réassurance. Des sections "Nos atouts" avec pictogrammes condensent l'essentiel : réservation en ligne facile, logements entièrement meublés, charges comprises, durées flexibles.
Un UI Kit complet a été livré pour permettre à Parme de faire évoluer le site de façon autonome et cohérente.
Phase 4 : Intégration Webflow et connexion Ublo
L'intégration NoCode sur Webflow a été l'étape qui donnait vie à toute la conception. Le défi technique principal : connecter le catalogue des résidences à Ublo, l'outil de gestion locative de Parme, pour afficher en temps réel la disponibilité de chaque résidence. Chaque fiche résidence affiche ainsi dynamiquement son statut (disponible ou indisponible), le nombre de logements, les surfaces disponibles et le prix de départ.
La carte interactive, qui permet de localiser toutes les résidences en France avec des filtres par type (résidence sociale, résidence étudiante), a également été intégrée en veillant à une expérience fluide sur mobile.
L'espace locataire, qui permet aux résidents en place de gérer leur contrat, a été intégré en navigation principale, corrigeant l'une des lacunes les plus signalées du site précédent.
Ce que cette mission illustre
La refonte du site d'Association Parme illustre ce que Wolfox entend par projet en agence rigoureux : partir des vrais problèmes des utilisateurs, les documenter avec une recherche UX sérieuse, les résoudre avec un design UX et un UI design exigeants, et livrer un site intégré, connecté à des outils métier réels, accessible à tous. Quand le logement est un sujet de vie quotidienne pour des milliers de personnes, le design a une vraie responsabilité.
