Ces montagnes. Ces lacs. Cette lumière!*
L'hôtel de montagne Randolins à St. Moritz, Suisse.
Ces montagnes. Ces lacs. Cette lumière!*
Grandir face au défi
En juin 2023, nous avons mis en ligne le projet de trois sites web de l'hôtel de montagne Randolins de St-Moritz après neuf mois.
Gestion du contenu
Du point de vue du contenu, le défi consistait à structurer l'énorme volume de sites web accumulés au fil des ans pour trois maisons, en trois langues et deux saisons : Qu'est-ce que nous reprenons, qu'est-ce qui peut être supprimé, qu'est-ce qui doit être repensé ?
Il était évident que cette tâche serait pénible. Mais elle offrait aussi la possibilité de remettre enfin de l'ordre dans ce chaos inextricable.
De webEdition à ProcessWire
Le plus grand défi technique a été le passage de l'ancien système de gestion de contenu (CMS), le webEdition en langue allemande, au CMS ProcessWire, moderne, léger et à l'épreuve du temps.
Avantage pour l'hôtelier :
- CMS intuitif
- La plus grande flexibilité possible dans les pages, les modules individuels et les blocs
- C'est un jeu d'enfant de créer, d'entretenir et de publier soi-même une page thématique.
- Meilleure vitesse de chargement.
Reconnaissabilité
La reconnaissance de l'ancien site web était une préoccupation majeure des hôteliers Stephan et Isabella. XPORT a veillé à ce que les clients de l'hôtel de montagne Randolins s'y retrouvent sans problème sur le nouveau site et puissent continuer à réserver leur séjour aussi nombreux et intelligemment.
Nous avons décidé ensemble d'utiliser la mise en page de l'ancien site web comme base solide et de construire sur celle-ci.
0
Aire en Engadine, St. Moritz, Suisse
0
Maisons = 3 concepts différents
0
Mètres Altitude de l'hôtel
0
Une histoire longue de plusieurs années
Planification du projet
Au début, il était difficile d'évaluer l'ampleur exacte du projet. Pour le Randolins et pour nous, c'était comme si nous explorions un immense hôtel sans savoir combien de chambres il comptait.
C'est pourquoi nous avons organisé un coup d'envoi d'une journée à l'hôtel de Saint-Moritz. De toute façon, dans chaque projet, XPORT tient à ressentir et à comprendre l'expérience des clients de première main.
Tobias, concepteur d'écran et développeur frontal, Thomas, chef de projet et directeur général pour XPORT, Stephan Amsler et Isabella Scheuermann pour Berghotel : nous nous sommes réunis dans une salle de création de l'hôtel, avec une vue grandiose sur les montagnes, pour discuter de chaque éventualité du projet et nous assurer que les objectifs et la vision étaient clairs.
Trois maisons, trois concepts
Le projet de site web a été conçu comme un projet "multi-sites". Trois établissements, trois concepts hôteliers. L'hôtel de montagne 3 étoiles Randolins, la station familiale et l'auberge ont été regroupés dans une seule instance technique. Avantage : des synergies au niveau du contenu. Par exemple, les contenus qui sont identiques pour les trois sites web de l'hôtel ne sont saisis qu'une seule fois et diffusés sur les trois pages. Même si ces pages se distinguent visuellement et par leur URL. Regardez par exemple l'histoire de l'hôtel :
Hôtel de montagne Randolins : https://www.randolins.ch/berghotel-schweiz/stiftung-leitbild-geschichte/
Station familiale : https://www.randolins-familienresort.ch/familienhotel-schweiz/stiftung-zentrum-randolins-st-moritz/
Auberge de jeunesse : https://www.randolins-hostel.ch/hostel/stiftung-zentrum-randolins-st-moritz/
Cure de rajeunissement visuel
Ces montagnes ! Il ne fait aucun doute que les montagnes de St-Moritz sont le motif de voyage numéro 1 des clients du Randolins. C'est pourquoi les silhouettes des montagnes se retrouvent dans le design du site. Elles servent de charmantes séparations, comme des fenêtres pittoresques sur un environnement à couper le souffle. Chaque clic devient un voyage à travers des paysages de rêve.
Le Quickbooker, situé dans la partie inférieure du site, reste toujours visible pour l'utilisateur du site. De là, il peut accéder aux trois maisons du Randolins et/ou au moteur de réservation intégré de SimpleBooking. Le score TrustYou placé ici même est un gage de confiance.
De nombreux détails, une composition globale
Des motifs d'images qui (se) bougent
Notre en-tête Cinemagraph*1 est une véritable rareté qui donne vie à notre site web avec un motif d'été et un motif d'hiver. Nous immergeons les visiteurs du site dans une image animée qui les fascine et les rassure à la fois. Une première impression inoubliable qui se distingue des autres sites web d'hôtels.
Des pictogrammes animés de l'USP et des caractéristiques permettent aux hôtes de comprendre au premier coup d'œil ce qui rend les trois établissements si particuliers.
Et enfin, le cœur de notre refonte - l'orientation vers la mise en page existante. Tout en nous rapprochant délicatement du look moderne, nous avons conservé l'âme du site web précédent. Car le Randolins sait que ses clients fidèles s'y sentiront comme chez eux, tout en appréciant les subtils changements esthétiques.
Magnifique été comme hiver
Dans le backend du site web, l'hôtel de montagne Randolins a désormais la possibilité de modifier la saison d'été en hiver et inversement. Soit par date de début et d'arrêt prédéfinie, soit manuellement. Cette fonction permet de transformer non seulement les couleurs du site, mais aussi le contenu lui-même. Les hôtes choisissent la saison qui correspond à leurs souhaits et assistent à une transformation magique du site qui les met dans l'ambiance appropriée.
La navigation comme point d'appui pour parcourir le site
La navigation sur 3 niveaux invite à un voyage de découverte à travers le monde numérique de l'hôtel. Chaque niveau révèle de nouvelles informations, offres et expériences qui inspirent les clients et les incitent à réserver.
La navigation fixe lors du défilement est comme l'aimable concierge qui est toujours aux côtés des clients. Peu importe jusqu'où ils se promènent sur le site, la navigation reste toujours à portée de main.
La sidebar qui défile, pratiquement équipée de boutons de saison, de contact et de FAQ, est l'assistant personnel des visiteurs du site. La sidebar offre un contact direct avec l'hôtel, sans qu'il soit nécessaire de le chercher péniblement.
Le bouton rouge du bonheur
Avant d'appuyer sur le bouton rouge et de mettre en ligne le nouveau site, nous nous sommes assurés que les moteurs de recherche de Google et de Bing n'allaient pas faire de creux dans la bonne visibilité et les classements de l'(ancien) site. Le site a été développé en SEO technique et de contenu "State of the Art" :
- Concept de redirection étendu (redirection des anciennes URL qui n'existent plus vers les nouvelles pages correspondantes)
- Plan du site, robots, rich snippets
- Contenu exploitable
- Élaboration ou reprise de toutes les méta-informations de chaque page individuelle
- Image-SEO : marquage de toutes les images avec des textes ALT parlants (créés par le client)
- Demande d'indexation immédiate à Google et Bing après la mise en ligne, etc.
Bienvenue dans un monde où l'œil est la porte d'entrée d'un voyage extraordinaire !
Bienvenue à l'hôtel de montagne Randolins St. Moritz, Engadine, Suisse.
Des smartphones plus grands, des utilisateurs plus exigeants
Dans un monde où les smartphones deviennent plus grands, nous avons adapté notre design afin d'optimiser la convivialité sur les appareils mobiles. Nous avons par exemple placé le bouton de menu très bas. Les clients peuvent ainsi naviguer confortablement avec leur pouce et explorer sans peine la multitude d'informations disponibles sur le site web de l'hôtel.
Le résultat après le lancement
1.200 Ancienne URL redirigée vers la nouvelle selon le concept de redirection
Je le veux aussi !Intégrations IBE SimpleBooking, OutdoorActive, API météo, calendrier séparé pour la suite de l'observatoire, TrustYou et bien plus encore.
Je le veux aussi !Jusqu'à 22 % de plus d'entrées dans le BIE à partir du site web
Je le veux aussi !
Notes de bas de page :
* Slogan de l'office du tourisme de l'Engadine, St. Moritz, Suisse
*1 Un cinemagraph est une photo typique avec des zones individuelles animées. Les animations se déroulent en boucles répétitives.
L'utilisateur choisit et l'ensemble du site se transforme en sa saison préférée.
Un motif d'image statique se transforme en un point fort mobile avec quelques éléments.
Les icônes discrètement animées montrent au client les particularités de l'hôtel.
Intégration plein écran de la fenêtre vidéo de YouTube
Aperçu rapide de la situation : Aperçu des chambres par effet de survol de la souris
Mise en page flexible pour les arrangements. S'adapte à la saison d'été ou d'hiver, à la quantité de texte et à la taille des images.
Footer en silhouettes de montagne comme bloc multi-domaines : géré une seule fois, déposé dans les trois domaines.