Le projet

La conception du site fut un réel défi pour notre équipe, les spécificité métiers étant multiples. Le point le plus sensible de notre conseption était le tunnel de réservation, qui devait exposer à l’utilisateur un contenu complexe intégrant à la fois un tunnel de réservation hôtelier, des options de calendrier propres à la marque, et des profils d’utilisateurs très divers.

Les maître-mots qui nous ont guidé tout au long de la conception de ce projet furent ; information / pédagogie / intuition / mobile.

Savoir-Faire

  • UX Design
  • UI Design
  • Conseils

Technologies

  • Front Commerce
  • Graph QL

L’importance de l’accessibilité

Nous avons pris le soin de ré-interpréter les codes de la marque pour définir une charte colorielle nette et accessible à l’ensemble des utilisateurs. Nous avons gardé les dominantes de bleu pour rester dans l’univers de l’eau et du médical, et utilisé un orange très chaud pour mettre en valeur notamment des call to action.

Nous avons retravaillé un univers pictographique pour mieux guider l’utilisateur dans son parcours et l’aider à identifier rapidement les contenus relatifs à sa pathologie. Nous avons choisi pour ces pictogrammes des formes rondes pour adoucir l’ensemble de l’UI.

  • Un tunnel de réservation complet

  • Des icones et des catégories comme guide de l’utilisateur

  • L’univers des cures thermales accessible à tous

  • Une navigation fluide à travers les écrans multiples

Un e-commerce et une navigation intuitive

L’objectif était bien entendu de concevoir une application qui permette une navigation fluide et intuitive, pouvant absorber la problématique d’écrans multiples et complexes.

Pour résoudre cette problématique, nous avons été fortement aidés par les solution technique proposées par Front-Commerce, une solution éditée par l’agence de développement Occitech

Le passage en navigation mobile propose différents niveaux de navigations propres :(un niveau de navigation primaire accessible dans le header et le menu burger au sein des sites-station et un second niveau organisé latéralement qui propose une navigation par swipe )