Brief Client & Contexte
Nous avons eu le privilège de collaborer avec un hôtel situé au cœur du dynamique plateau de Saclay, un pôle scientifique et technologique de renom. Celui-ci a fait appel à nos services avec un objectif clair : moderniser son site web pour offrir une expérience utilisateur optimale. Le directeur et son équipe souhaitaient également être autonomes dans la gestion de leur contenu en ligne, assurant ainsi la pertinence à long terme de leurs informations.
Pour maintenir la cohérence de leur image de marque, il était important pour eux que ce site s’aligne avec l'identité visuelle du site de leur espace de coworking et de séminaire situé à proximité, tout en privilégiant un design moderne.
Analyse de l’existant
Lors de notre examen approfondi du site web avant sa refonte, nous avons identifié plusieurs aspects clés qui méritaient une attention particulière pour améliorer l'expérience globale des utilisateurs et renforcer l'identité visuelle du site.
Tout d’abord, l'absence d'une identité visuelle mémorable n'était pas favorable à l'image de l'hôtel. L'ensemble du site manquait d'harmonie visuelle, avec l’absence d’éléments graphiques donnant une identité mémorable au site, des effets d'ombre sporadiques perturbant l'identité visuelle, et une utilisation de plusieurs styles d’icônes. Le manque de personnalisation et les vastes espaces blancs donnaient une impression de froid et d'impersonnalité au site web de l’hôtel malgré les couleurs chaudes utilisées comme le orange et le rouge bordeaux.
En ce qui concerne la navigation, le menu de navigation était complexe, difficile à lire en raison de sa densité, et comportait une double barre de navigation qui négligeait l'importance des onglets photos, offres, et accès.
Enfin, le site existant présentait également un autre problème essentiel : il n'était pas responsive, ce qui signifie qu'il ne s'adaptait pas correctement aux écrans des appareils mobiles. Étant donné que la majorité des internautes utilisent désormais leurs smartphones pour naviguer en ligne, ceux-ci ont donc été confrontés à des problèmes d'affichage. Cette incompatibilité pouvait dissuader les visiteurs potentiels, ce qui aurait un impact négatif sur la rétention des clients et la conversion.
Notre proposition
Dans le cadre de notre proposition de refonte du site web, nous avons proposé un rafraîchissement de l'identité visuelle et un design visant à améliorer et fluidifier l’expérience utilisateur sur le site.
Pour rafraîchir l’identité visuelle du site, nous avons tout d’abord proposé deux typographies assez différentes, le Montserrat qui est très populaire pour sa lisibilité et sa modernité, et d’un autre côté AngelFace qui est une police manuscrite qui casse la rigidité des polices sans-serif du site et qui donne une petite touche d’humain. Nous avons également proposé d’ajouter des petits éléments graphiques comme des soulignements et contours texturés autour des titres et des images pour ajouter une touche de personnalisation.
Nous nous sommes également inspirés de certaines structures de section du site de Résonance Saclay pour créer un design cohérent entre les deux sites. Les sections du site ont été variées pour dynamiser le contenu textuel et visuel, avec l'utilisation de fonds de couleurs pour éviter trop d’espaces vides.
Enfin, en ce qui concerne la navigation au sein du site, nous avons introduit un menu burger, qui rassemble de manière efficace et explicite toutes les pages du site au même endroit. Cette approche vise à simplifier la navigation et à garantir que les utilisateurs puissent trouver rapidement les informations dont ils ont besoin sur le site web.
Bien sûr, le site a été développé dans l’objectif d’être responsive et donc de s’adapter à toutes les tailles d’écran, que ce soit sur ordinateur ou mobile.
