Réinventer un leader de la data immobilière sans perdre ses utilisateurs historiques 

Un nouveau visage mais toujours la même vision : dans un secteur aussi compétitif que l’immobilier, il est essentiel de réussir à s’affirmer, se démarquer et se réinventer. C’est le défi que se lance Addland avec cette refonte.

Évidemment, changer son identité ne se résume pas à de jolies couleurs et une nouvelle typographie, ça c’est la partie qui met des paillettes dans les yeux. C’est surtout l’occasion de repenser la stratégie et l’accompagnement des différents profils utilisateurs qui naviguent sur le site.

Et le défi est de taille. Comment faciliter l’expérience d’une plateforme déjà bien ancrée dans le secteur immobilier, offrant autant de possibilités à la fois en B2B et en B2C, tout en respectant les délais et en limitant l’impact sur les utilisateurs réguliers.

Réinventer une expérience produit complète sans perdre ses utilisateurs, c’est un peu le mot d’ordre de cette refonte.

Cette nouvelle identité, signée Naked Ideas, est pensée pour l’ensemble des supports. Il y a bien entendu le site mais également les templates d’emails, les supports de communication…

Concernant la refonte du portail, l’enjeu est double :

• transformer le site actuel en un site marketing,
• basculer l’application SaaS en un vrai outil métier.

Pour être certain de tenir les délais dans un cadre rigoureux, il faut faire des choix stratégiques. Le portail existant est remis à plat afin d’avoir une vue d’ensemble des pages à traiter en priorité. L’avantage ? Cela permet de travailler l’UX Design et l’UI Design par gabarit de page en laissant le soin aux développeurs d’adapter le reste en se basant sur ces gabarits.

Un gain de productivité qui est amplement facilité par la création d’un Design System adapté à cette nouvelle charte et qui aide les développeurs à s’approprier les règles graphiques de cette refonte.

Tytl s’adresse à une grande variété d’utilisateurs : professionnels de l’immobilier, particuliers, agents… Tous n’arrivent pas sur la plateforme avec les mêmes intentions.

C’est ce constat qui structure la refonte : proposer deux expériences distinctes selon qu’on découvre la plateforme ou qu’on l’utilise au quotidien.

La différence se joue dans la navigation. Une version non-connectée pour la découverte des offres, une version connectée qui laisse place à l’action. Le portail propose un menu et une interface avec des contenus plus commerciaux et marketing pour les nouveaux usagers. L’utilisateur qui découvre Tytl peut parcourir librement le site, comprendre la plus-value du service en explorant les différentes offres et même tester ses fonctionnalités sans engagement.

Une fois connecté, l’interface change : la navigation classique disparaît, remplacée par un panneau latéral. On passe d’un site à consulter à un outil dans lequel on travaille.

Cette dualité dans la nouvelle expérience que propose Tytl, c’est là toute sa force. Une plateforme capable d’offrir à chacun un parcours adapté, tout en rendant l’ensemble clair, fluide, et accessible.

Cette refonte s’effectue autour d’une logique produit. Elle vise à clarifier la navigation et à guider les visiteurs plus efficacement vers les contenus à forte valeur ajoutée. L’objectif est de répondre à leurs besoins métier pour les convertir en utilisateurs quotidiens.

Un travail exhaustif a été mené pour s’assurer que chaque page existante trouve un équivalent pertinent dans la nouvelle structure. Des choix de fusion ou de suppression ont été opérés avec précaution, en évaluant leurs impacts sur le référencement naturel (SEO) tout en éliminant les redondances et contenus obsolètes.

Cet enjeu business a arbitré la priorisation de la refonte. Certaines pages ne demandaient qu’une mise à jour esthétique, tandis que d’autres, plus stratégiques, ont nécessité un travail UX plus en profondeur.

Côté découverte, l’effort a été mis sur la page d’accueil et les landing pages produit.

Côté action, l’attention s’est portée sur la bascule vers l’outil métier, avec une attention particulière au dashboard de l’espace connecté et sur la fonctionnalité Tytl Insights.

Pour optimiser le temps de conception et garantir une cohérence visuelle et fonctionnelle, une logique de design systémique est adoptée, permettant la réutilisation de composants entre les différentes pages. Cette approche permet de concilier efficacité de production, expérience utilisateur améliorée et homogénéité de l’interface.

C’est l’occasion de faire évoluer le Design System en améliorant la conception des composants, en ajoutant des variables et tellement plus ! Une refonte stimulante où la contrainte devient un moteur de création. Cette démarche permet d’industrialiser les fichiers pour gagner un temps précieux, notamment grâce à la conception de « pages templates » à la fois esthétiques et dynamiques.

Le défi majeur consiste à déployer la nouvelle identité graphique de Tytl tout en préservant l’ossature du site existant. En repensant des petits éléments qui vont finalement avoir un impact plus global, nous trouvons le juste équilibre en modernisant l’interface sans avoir à tout reconstruire.

Véritable vitrine, la page d’accueil est le premier point critique. Le design se doit d’être impactant dès le premier regard : les couleurs, les choix graphiques et la refonte dans son ensemble viennent clarifier l’information. L’objectif est de valoriser des fonctionnalités et des nouveautés jusqu’alors noyées dans la richesse de la plateforme.

L’autre enjeu majeur est la gestion des univers. Il s’agit de différencier l’expérience de l’utilisateur connecté de celui non connecté, tout en maintenant une parfaite cohérence visuelle. Cette séparation s’opère par deux systèmes de navigation. Une fois dans l’outil, le menu bascule sur un panneau latéral, transformant le site classique en un véritable espace de travail. Cette adaptation de la navigation favorise l’immersion de l’utilisateur et facilite également l’accès aux différentes fonctionnalités.

Un nouveau design ne se résume pas uniquement à de jolis composants et à une meilleure lisibilité générale. Il repose également sur des détails plus subtils et souvent négligés comme les illustrations et les micro-animations.

Les illustrations permettent de donner de la cohérence au site et peuvent avoir un impact bien plus important qu’on ne le pense. Le choix se porte rapidement sur des illustrations modernes, colorées et simples. Fini les personnages dans lesquels on ne se reconnaît pas forcément ou que l’on a déjà vus mille fois. Ici, nous mettons plutôt en valeur les gestes et les objets, offrant ainsi un rendu presque intemporel.

Et pour les micro-animations ? Souvent délaissées, elles permettent d’apporter de la vie à une interface. Et c’est exactement l’effet recherché pour la refonte de Tytl. Sur un sujet aussi dense et sérieux, ces petites touches dynamisent la navigation et viennent réveiller des pages qui pourraient vite paraître monotones.

Au total, cette refonte d’envergure englobe plus d’une centaine de pages repensées en UX et UI sur une période de huit mois. Faire évoluer le portail sans altérer sa structure globale est un exercice d’équilibriste. En effet, il faut trouver le juste milieu permettant d’intégrer cette nouvelle identité visuelle et optimiser les parcours sans repartir de zéro.

Si les outils et le cœur des pages restent intacts, la séparation marquée des expériences utilisateurs crée l’illusion parfaite d’une toute nouvelle plateforme, sans brusquer l’utilisateur. Couplée à la nouvelle stratégie business, cette direction artistique innovante constitue un véritable atout concurrentiel sur le marché.