Cardis.ch - Refonte complète 2017

Brief

En 2017, la charte graphique de Cardis Immobilier est entièrement revue. Il est donc logique d’adapter le site à celle-ci. Nous en profitons également pour améliorer le référencement et mettre en place de nouvelles fonctionnalités. Celles-ci ont pour but de répondre encore mieux aux besoins des personnes cherchant un bien immobilier pour y vivre mais également aux besoins des investisseurs.

Analyse et étude

Cardis Immobilier se positionne comme précurseur dans le domaine de l’immobilier, notamment par rapport aux technologies. Notre challenge fût d’intégrer de nouvelles fonctionnalités, en amenant le visiteur à les utiliser de manière intuitive ainsi que de moderniser le design du site selon la nouvelle charte graphique.

En effet, la recherche d’un bien peut être longue et fastidieuse. L’envie partagée par Cardis Sotheby's et Antistatique est de faciliter ce processus.

 

Solutions proposées

Conception & Design

Afin d’adapter le site à la nouvelle charte graphique, nous avons revu la conception et le design du site actuel. Par exemple, la page d’accueil a été repensée de manière modulable (le contenu mis en avant peut être choisi), une carte a été intégrée au moteur de recherche et la partie magazine a été modernisée de façon à faciliter la lecture des articles.

Vidéo teaser

Afin de lancer la nouvelle version du site et surtout d’expliquer toutes les nouvelles fonctionnalités au public, nous avons réalisé une vidéo explicative de celui-ci.

Découvrez la vidéo :

Référencement

La concurrence est rude dans le milieu de l’immobilier. Surtout avec la présence des portails de recherches tels que Homegate ou Immostreet.

Un travail minutieux de Netlinking a été effectué par un expert sur plusieurs mois pour placer des liens pertinents sur des sites de qualité, dans le but de mieux référencer cardis.ch.

 

Nouvelles fonctionnalités

Carte interactive

L’intégration d’une carte dans le moteur de recherche est la grande nouveauté du site cardis.ch. En effet, quoi de plus pratique que de pouvoir voir directement sur une carte les biens immobiliers? Afin de permettre encore plus de flexibilité au visiteur, il lui est possible de tracer sur la carte sa zone de recherche, et ainsi d'être plus précis pour le bien qu'il souhaite acquérir.

Pour être certains que ce moteur de recherche soit facile à prendre en main, nous avons effectué un certain nombre de tests utilisateurs. 

Investisseurs

L’un des publics de Cardis Sotheby's est aussi les investisseurs. Ceux-ci ont des besoins spécifiques sur les données d'un bien. Nous avons développé, pour eux, un moteur dédié. Il comporte des critères de recherche spécifiques et des indications propres à l’investissement immobilier et relatif à la rentabilité.

Prise en compte des besoins des visiteurs

Chat

Les visiteurs peuvent contacter directement une personne travaillant chez Cardis Sotheby's lorsqu’ils ont des questions. En effet, parfois nous aimerions avoir un renseignement très rapidement, sans devoir prendre le téléphone ou rédiger un email. Ce moyen est donc très pratique et permet non seulement de renseigner les clients, mais également de récolter des informations sur ceux-ci.

Technologies utilisées

Symfony 2 & Styleguide

Ayant fait ses preuves en tant que backend solide et polyvalent, Symfony 2 fut un choix évident pour nous. Couplés avec un Styleguide dynamique (développé lui aussi par nos soins), ils forment un duo des plus efficace pour le traitement de tous types de contenu.

Bootstrap 4

Pour assurer une expérience visuelle constante entre les divers browsers et disposer d’une base solide pour notre CSS, le framework bootstrap 4 est un choix qui maintenant mature et surtout flexible.

React + Redux + Leaflet

La carte interactive est une partie du projet qui nécessitait une attention particulière. Pour la développer, nous avons choisi d’en faire une Application React, et d’ajouter Redux en surcouche pour assurer l’intégrité des données affichées dans l’interface en tout temps. Pour disposer d’une carte pouvant gérer bon nombre de marqueurs tout en restant efficace et esthétique, nous avons choisi la librairie Leaflet. De plus, cette dernière dispose d’une communauté active et d’un bon nombre de plug-ins, ce qui nous a aidé à réaliser la fonction de dessin sur la carte.

Elasticsearch

Une carte interactive n’est rien sans un moteur de recherche à la pointe de la technologie. Nous faisons confiance à Elasticsearch sur ce point. Que ce soit pour sa vitesse de recherche incroyable, sa capacité à gérer une masse d’information énorme ou pour ses modes de recherche configurables à volonté : Elasticsearch possède toutes ses cartes !

Conclusion

Ce projet de refonte est un très bel exemple des projets qui nous tiennent particulièrement à cœur. Nous apprécions de travailler en partenariat et sur la durée. Ce projet a renforcé notre relation Cardis Sotheby's. La conception et la production d'un tel projet, sur une période d'à peine 4 mois, a confirmé les capacités de l'équipe a atteindre des ambitions fortes tout en maîtrisant le planning. Du point de vue technique, une partie du “codebase” date de la première version du site. Nous avons su faire évoluer ce code tout au long des années et avons pu envisager une partie de la refonte de manière sereine, sans avoir à réécrire tout. Nous sommes fiers de collaborer depuis toutes ces années avec Cardis Sotheby's. Sur les projets passés et pour les projets à venir.