Chaîne thermale du soleil

  • Conseil
  • UI / UX

Dispositif

  • Site web et mobile

Technologie

  • Front Commerce
  • Graph QL
  • React JS
baignoire
Wireframe de la page d'accueil desktop www.chainethermale.fr

La conception

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.

La réalisation graphique

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.

#193D8F
#F3F9FF
#6D738C
#FFF7F3
#FF5A32
 
icônes utilisées pour la chaîne thermale du soleil
icônes utilisées pour la chaîne thermale du soleil

Iconographie

icônes utilisées pour la chaîne thermale du soleil

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.

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.

Site e-commerce

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

UI page de menu Chaine thermale
UI page de menu Chaine thermale
UI page de la Chaine thermale

    Le passage en navigation mobile propose différents niveaux de navigations propres :

  • un niveau de navigation primaire accessible dans le header et le burger menu
  • au sein des sites-station, nous avons un second niveau organisé latéralement qui propose une navigation par swipe.

    Le passage en navigation mobile propose différents niveaux de navigations propres :

  • un niveau de navigation primaire accessible dans le header et le burger menu
  • au sein des sites-station, nous avons un second niveau organisé latéralement qui propose une navigation par swipe.
Photo chaine thermale
Photo chaine thermale
Ils nous ont fait confiance
Retour en haut keyboard_arrow_down background Layer 1