Refonte du site web - Uniti Habitat

Refonte complète du site web, UI/UX et navigation complètement repensé, toujours plus flexible pour répondre aux demandes mobiles en constante augmentation.

« Promoteur immobilier spécialiste du parcours résidentiel partenaire des collectivités locales. Nous réalisons pour les familles, les seniors, les étudiants des logements conventionnés, à prix maîtrisé, libres et des résidences services seniors abordables. »

La refonte du site web de l’agence Uniti Habitat devait être dans l’aspect pratique comme esthétique. Partant d’une volonté bien précise du client, nous avons réalisé un menu à l’effet « 3D » faisant apparaître la navigation depuis un panel latéral tout en conservant l’aperçu de la page actuellement visionné.

Le challenge était de conserver les animations et les vidéos en cours de lecture sur la page, mais également de faire apparaître sur le nouveau fond la vidéo de présentation de l’entreprise, le tout sans impacter la vitesse de chargement des pages globales du site, et offrir une version adapté aux utilisateurs mobiles.

Une navigation unique

ASPECTS TECHNIQUES

Uniti Habitat est un concentré de nouvelles technologies Web, pour rendre l’expérience de l’utilisateur le plus agréable possible et pour une gestion simple du contenu pour les administrateurs du site.

Introduction du site web

L’introduction du site est un slider basé sur une durée et non sur l’interaction de l’utilisateur, ce qui veut dire que l’animation de notre slider est déjà prédéfini au moment du chargement de la page, ce qui nous permet d’animer les éléments aux périodes de temps désirées. Pour ce qui est de l’animation du texte en fin pour faire disparaître la description d’Uniti et faire apparaître le bouton « Découvrir le groupe », nous avons séparé chaque lettre dans une div HTML afin de leur appliquer une animation de déplacement et de rotation unique.

Maps des agences & des programmes

Toutes les agences et les programmes sont géolocalisées, en utilisant le service de cartographie « Mapbox ». Les fonctions développeurs de « Mapbox » nous ont permis de customiser les cartes à notre bon vouloir, dans le style comme dans les fonctions :

  • Placement des points pour les administrateurs avec les coordonnées, par recherche d’adresse ou en utilisant un pointeur directement sur la carte.
  • Stylisation des couleurs de la carte pour l’adapter aux couleurs d’Uniti et masquer les pays et indications autres que la France.
  • Stylisation des marqueurs sur la carte et système de « Groupes de marqueurs » pour améliorer les performances et la visibilité de la carte.
  • Animation des éléments au survol des Agences / Programme.

Et bien d’autres fonctions que nous vous invitons à découvrir par vous-mêmes !

Liaisons des différents types de posts

Notre challenge était de rendre la navigation la plus simple et la plus compréhensible entre les différents types de posts comprenant : Les régions, les agences, les programmes, les actualités, les communiqués financiers, les assemblées générales, les informations réglementées … Nous avons mis en place un arbre hiérarchique pour faire en sorte que chaque type de posts soit en relation avec les autres pour correspondre aux recherches de l’utilisateur. Ainsi, par exemple, un utilisateur passant par l’agence de sa région pourra retrouver tous les programmes et suivre l’actualité de cette même région.

Filtrage des programmes

Afin de simplifier les recherches des programmes de l’agence, nous avons mis en places des filtres de recherches « intelligents » qui s’actualisent en fonction des critères de recherche des utilisateurs. Ainsi, il est possible d’affiner la recherche par Géolocalisation, type de programme, statut, superficie, année de livraison …

Nous utilisons ici la technologie AJAX pour actualiser les résultats de recherche en temps réel sans rafraichir la page, ce qui est un gros plus en terme d’expérience utilisateur.

Communiqués boursiers

La section « Bourse » est une section très importante pour notre client, les besoins étaient très clairs :

  • Une page simple pour l’utilisateur mais riche en informations
  • Une gestion des communiqués et des contenus simplifié pour les administrateurs
  • Une classification des différents documents
Gestion de contenu du site

La grande force du site web de l’agence Uniti Habitat est la gestion de son contenu simple et intuitif par les administrateurs et les chargés de publications.

Chaque type de page possède son propre « custom post type » dans la base de données et ses propres champs personnalisés. Basé sur le CMS WordPress, nous avons complètement personnalisé l’administration native de WordPress pour simplifier la gestion du contenu par les équipes, leur donner la possibilité de modifier n’importe quel contenu à l’instant souhaité et éviter l’accès aux paramètres sensibles du site.

Réalisations similaires