VERIDA : concept de site immobilier avec globe 3D, visites virtuelles et réservation

VITON¹³ conçoit des sites concepts pour montrer sa palette dans des secteurs où elle n’a pas encore de projet client à présenter. VERIDA en fait partie : le site d’une agence internationale d’immobilier de prestige présente dans sept villes, Barcelone, Dubaï, New York, Shanghai, Moscou, Sotchi et Bali. L’agence, ses conseillers, ses biens, ses prix et ses bureaux sont inventés.

Un bien de prestige s’achète rarement depuis une seule page : le site devait accompagner une longue décision. Comparer des biens d’une ville à l’autre, les voir de l’intérieur, comprendre les conditions d’accès, le rendement et la résidence dans chaque région, puis demander une visite sans passer d’appel. Le tout en deux langues, l’anglais et le russe.

16 pages dans chaque édition : accueil, biens, fiche, régions, demande de visite en trois étapes, demande envoyée, favoris, compte, services, journal, agence, contact, confidentialité, conditions, cookies et une 404. Le catalogue réunit 16 biens dans 7 villes, filtrables par ville, type, nombre de chambres et prix, avec tri.

La fiche présente les chiffres clés, une galerie avec lightbox, une visite 3D qu’on fait pivoter en glissant sur un panorama de 2800×900, le descriptif, une carte, une estimation de prêt, un conseiller et des biens similaires. La page régions couvre 7 régions avec conditions d’accès, rendement et résidence ; 6 services et 4 articles du journal complètent le contenu.

La demande de visite suit trois étapes, format, date et heure, coordonnées, et se termine sur une page de confirmation. Le compte de démonstration rassemble demandes, biens enregistrés, documents et profil. La page contact place 5 bureaux sur une carte du monde, à côté d’un formulaire de demande. Les éditions anglaise et russe forment deux jeux de pages distincts.

L’accueil s’ouvre sur une vidéo plein écran. Un globe en canvas de 1 250 points porte les marqueurs des villes et tourne seul, en phase avec la liste des villes à côté. Les cartes s’inclinent en 3D sous le curseur, les titres se révèlent par masques de ligne, puis viennent un récit épinglé au défilement, un bandeau défilant et des compteurs, avec des fondus entre les pages. Le parcours clé va des biens à la fiche, puis à la demande de visite.

Le site est écrit en HTML, CSS et JavaScript, sans étape de build, et animé avec GSAP, ScrollTrigger et le défilement fluide de Lenis. L’en-tête, le pied de page et les surimpressions sont rendus par un seul script partagé : toutes les pages restent identiques. Demandes, biens enregistrés et comptes sont gardés dans le localStorage du navigateur, et rien n’est envoyé. Les cartes utilisent Leaflet avec des tuiles sombres CARTO ; le logo, un toit avec une coche à l’intérieur, est dessiné en SVG ; les photos sont des images de stock Unsplash et la vidéo vient de Pexels, par liens directs vers leur CDN.

Il existe aujourd’hui un concept qui fonctionne en deux éditions : 16 pages chacune, 16 biens dans 7 villes, 7 régions, 6 services, 5 bureaux et 4 articles, utilisables du catalogue à une demande de visite confirmée sans serveur. Les contrôles du 22 septembre 2026 sur 15 pages de l’édition anglaise ont relevé des titres uniques sur les 15, un H1 par page, un texte alternatif sur 100 % des images et 0 lien interne cassé.

Lighthouse a donné à l’accueil anglais un score SEO de 100 sur mobile et sur ordinateur, une accessibilité de 95 sur mobile et de 98 sur ordinateur, et une performance de 94 sur ordinateur contre 69 sur mobile. C’est la vidéo qui pèse sur le score mobile : sur téléphone, la page pèse 16,7 Mo et le LCP atteint 7,4 s, contre 6,8 Mo et un LCP de 1,5 s sur ordinateur.

VERIDA est un concept réalisé par VITON¹³ pour montrer sa palette, pas une commande de client. L’agence, les conseillers, les biens, les prix et les bureaux sont fictifs. Le site n’a ni domaine, ni visiteurs, ni trafic de recherche, ni demandes, ni ventes : il ne prouve rien sur l’acquisition de clients. Les photos et vidéos sont des images et vidéos de stock sous licence, issues d’Unsplash et de Pexels.

Les chiffres Lighthouse sont des mesures de laboratoire de l’accueil anglais, prises un seul jour, et les contrôles ne couvrent que l’édition anglaise. Un score SEO de 100 ne couvre que les bases : canonical, Open Graph, JSON-LD, sitemap.xml et robots.txt manquent, et les deux éditions ne sont pas encore reliées par hreflang. Les demandes de visite ne sont gardées que dans le navigateur du visiteur.