Comment Scroll a développé un site réactif, simplifiant l’UX pour Virgil

Secteur :
Co-investissement immobilier
Missions :
Branding
Site internet
Technologies :

Virgil est une entreprise de co-investissement immobilier qui souhaitait moderniser leur site. Le concept de l’entreprise: pouvoir rendre accessible l’achat d’immobiliers à ceux dont l’acquisition d’immobilier est limité par la difficulté d’obtention d’un crédit (notamment les jeunes adultes). Pour celà, ils co-investissent jusqu’à 20% du prix de l’acquisition. Virgil et Scroll se sont donc associés pour rendre leur site plus dynamique et attractif auprès de leur clientèle.

01 . Prise de brief

En décembre 2021, Virgil contacte Alasta, une agence de design partenaire de Scroll pour le design des maquettes de leur futur site web. Alasta décide de confier le projet à notre agence pour assurer le développement du site. Les attentes de Virgil étaient claires : un site …souhaite un site épuré, mettant en avant son concept de manière explicite. Leurs besoins sont simples: reprendre le site initial tout en actualisant son contenu.

02 . Spécificités

Une interface claire

Le site met l’accent sur son design pour capter l’attention du client . Cette interface, très visuelle, alternant entre jaune vif, blanc, noir laisse une très large place à l’esthétique tout en mettant en avant les différentes thématiques. Bien que son aspect visuel est soigné, le site garde aussi une large place pour être fonctionnel et est rapide à charger.

Un site interactif

Avoir une page animée permet de capter l’attention du prospect. Malgré sa simplicité visuelle, la marque souhaite garder l’attention de l’utilisateur lorsqu’il parcourt le site. C’est à partir de cette vision qu’un site mouvant se met en place.

Tout à la portée d’un clic (UX)

Le site, à l’image de Virgil, a volonté de simplifier l’expérience utilisateur de ses prospects. Ainsi, l’utilisateur a accès a tout ce dont il a besoin de savoir sur la première page : une explication claire sur le concept, un questionnaire pour définir les besoins clients, des témoignages clients (essentiellement positifs) ainsi que l’activité de l’entreprise sont mis en avant sur la première page. Toutefois, le site garde une fluidité intacte et est accessible sur tout appareil (responsive).

03 . Développement

La refonte du site s’est divisée en deux plans: Alasta s’est occupé de repenser l’image de marque, tandis que Scroll avait la responsabilité de développer le site. Les deux métiers collaborent afin d’offrir une maquette à l’image de la marque. Le charte graphique et les maquettes ayant été rigoureusement défini par Alasta, nous nous sommes emparés du sujet pour le développer de la manière la plus fluide et fonctionnelle.

04 . Choix des outils

Pour arriver à mettre en place un visuel esthétique tout en gardant un aspect interactif, Webflow a été choisi. Webflow a la particularité d’apporter des animations puissantes mais fluides rendant un site plus créatif tout en restant visuellement accessible.

Webflow permet aussi d’optimiser le référencement SEO. Contrairement aux autres créateurs de sites Web, Webflow met l’accent sur le code propre et permet donc aux robots des moteurs de recherche d’analyser les sites Webflow plus facilement et de les mettre davantage en avant.

05 . La suite

Suite à l’intervention de Scroll dans le développement, le site s’est nettement amélioré en terme de performance. Selon le site de mesure de performances de sites Web GTMetrix, le site est passé d’une performance mesuré à 83% à une performance atteignant 99%. De même, le Total Blocking Time (réactivité du chargement de la page) est passée de 325 ms à 0ms.

06 . Résultats

Depuis, Virgil voit son site davantage référencé sur les moteurs de recherche (Webflow favorisant le SEO). Alasta a aussi montré des retours positifs. Virgil fait désormais parti de nos clients ambassadeurs.

score de A sur GT Metrix

Discutons de votre projet