Site web

Hôtel de Diane

Repenser l'expérience utilisateur et l’univers visuel du site web afin de s'aligner sur les transformations et évolutions de l'hôtel
Voir le projet
Flèche
réalisation
2023
Expertises

UX/UI Design - Web design,

Développement web, Identité visuelle

Technologies

Figma, Webflow, Javascript

Autres : Swiper, Elfsight, Weglot

Client
Hugo Renouardiere

Brief client & Contexte

Un nouveau propriétaire et gérant a récemment pris les rênes de l’Hôtel de Diane à Sable d’Or les Pins, situé à proximité du majestueux Cap Fréhel.

Celui-ci a fait appel à nos services pour faire une refonte de son site web, désireux de repenser l’identité visuelle et l’expérience utilisateur de son site afin de s’aligner avec l’évolution de l’hôtel qui propose désormais une expérience haut de gamme. En parallèle, il souhaitait passer à un nouveau système de gestion de contenu (CMS) pour gagner en autonomie dans la gestion de ses contenus en ligne, et ainsi faciliter la mise à jour des informations destinées à ses clients.

La priorité était d'améliorer la navigation des clients sur le site web, rendant la réservation et la découverte des activités locales plus simples afin de faire évoluer sa présence en ligne et d’augmenter le nombre de réservations directes via le site web. Le design devait être épuré, lumineux, et reprendre les codes de la déco années 20 présent à l'hôtel ainsi que de l'authenticité de la Bretagne, en particulier de l'esprit anglo-breton de la côte.

Photo du Restaurant le 1925

Analyse de l’existant

L'analyse du site web existant qui a servi de point de départ pour notre projet de refonte révèle plusieurs aspects notables.

Tout d'abord, en ce qui concerne les choix graphiques, il est clair que le site existant présente un aspect quelque peu vieillot, avec une esthétique vintage caractérisée par des couleurs ternes telles que le marron et le gris. Ce choix de palette de couleurs crée un manque de contraste entre les titres et le texte, ce qui entraîne des problèmes de hiérarchie visuelle. La seule distinction notable est la couleur, ce qui rend la navigation et la lecture moins intuitives pour les utilisateurs.

En ce qui concerne le design global, le site existant souffre également d'un excès d'espaces vides blancs inutilisés qui ne mettent pas en avant les atouts de l'hôtel. De plus, les visuels sont peu nombreux et ceux qui sont présents sont souvent de petite taille, ce qui limite leur capacité à présenter efficacement l'hôtel et son environnement. Les formes arrondies utilisées dans le design donnent une ambiance cosy et familière, ce qui est en décalage avec l'image haut de gamme et luxueuse que l'hôtel souhaite projeter.

En ce qui concerne la navigation, le site existant présente un double menu qui donne une impression de surcharge visuelle. De plus, le sous-menu gris attire davantage l'attention que le menu principal, qui semble passer inaperçu. Les éléments du menu sont également très serrés, en particulier sur de petits écrans, ce qui les rend parfois illisibles et complique la navigation pour les utilisateurs.

Ancien site de l'hôtel de Diane

Notre proposition

En ce qui concerne notre proposition, nous avons opté pour une nouvelle charte graphique audacieuse que nous avons proposée et qui incarne l'élégance et le raffinement. Au niveau des typographies, nous avons une typographie inspirée des affiches de voyage du style art déco en Italie au début des années 1900. Cette typographie élégante et fine renforce l'expérience haut de gamme que propose l'hôtel en tant qu'établissement 4 étoiles.

Refonte de l'identité visuelle de l'hôtel de Diane

En ce qui concerne le design, nous avons adopté une approche épurée en utilisant principalement le noir et blanc pour le site, ce qui permet de mettre en avant les couleurs vibrantes des visuels tels que les illustrations et les photos. Nous avons également intégré de petites illustrations fines noires qui rappellent les éléments caractéristiques de la Bretagne, tels que les phares et les falaises. Ces illustrations créent un lien visuel fort avec la région.

Pour plonger davantage les visiteurs dans l'univers de l'hôtel et de la Bretagne, les formes pointues et carrées ajoutent une touche de sérieux et d'élégance, tandis que des grilles d'images et des carrousels plongent les visiteurs dans l'univers de l'hôtel et de la Bretagne. Pour améliorer la navigation, nous avons retravaillé le menu en optant pour un "Burger Menu" qui regroupe toutes les pages au même endroit, facilitant ainsi l'accès aux différentes sections du site. Le design du menu est plus épuré et lisible.

Nouveau site de l'hôtel de Diane

Feedback

Pour finir, le propriétaire est globalement très satisfait du résultat de cette refonte et il nous en a fait part dans son retour d’expérience :

" Lorsque l'on décide la refonte d'un site internet, 3 paramètres sont primordiaux :

Techniquement opérationnel : pas de rupture d'activité, interfaces sous contrôle,…

Projet rapidement mené : délais respectés, disponibilité optimale de l'équipe,…

Esthétiquement moderne : répond au brief, force de propositions,…

Contrat rempli ! Merci à toute l'équipe d'Altelis…"

Voir le site web
Flèche
Site web
Best Western Plus Paris Saclay
Développer ses ventes directes en proposant une expérience utilisateur moderne et harmonieuse pour les différents établissements du groupe
Voir le projet
Flèche
Vous avez un projet ?

Prenons contact
& briefez-nous !

Femme assise dans un canapté qui sourit en regardant son ordinateur