Logique UX : La homepage a deux audiences simultanées. Le décideur corporate arrive via LinkedIn / recommandation → il cherche crédibilité et contact commercial → CTA "Demander un devis" (unique, en bas de page). Le voyageur business arrive via Google ou email RH → il veut réserver vite → bouton flottant "Réserver" (persistent, toutes les pages). "Nous contacter" est disponible dans le header.

Hiérarchie des CTAs :
· "Réserver" : bouton flottant doré — 1 seule instance, persistant sur toutes les pages
· "Nous contacter" : header uniquement — 1 occurrence
· "Demander un devis" : 1 seul — CTA final homepage uniquement
· "Découvrir" : liens discrets, jamais des boutons

Logique UX : Page de découverte — le visiteur compare les 4 hôtels d'un coup d'œil (photo, étoiles, localisation, ambiance, équipements). Chaque carte mène vers la sous-page dédiée de l'hôtel. La carte interactive ancre géographiquement le groupe. CTA "Réserver" disponible directement depuis chaque carte pour les visiteurs qui ont déjà choisi.

Logique UX : Sous-page complète dans le contexte groupe. Elle donne tous les éléments de décision sans quitter 96hotels.mu. La navigation prev/next permet de comparer les hôtels fluidement. CTA unique : réservation directe via le booking engine. Structure identique pour les 4 hôtels, contenu adapté.

Structure identique à H1. Contenu adapté à l'identité marina du Suffren. Navigation prev/next entre les 4 hôtels présente sur chaque sous-page.

Structure identique à H1. Contenu adapté au profil business district d'Ébène. Fort sur le coworking et les séminaires.

Structure identique à H1. Contenu adapté au profil boutique intimiste. Navigation en boucle : depuis H4 le "suivant" revient à H1 (Le Labourdonnais).

Logique UX : Après recherche, chaque hôtel affiche sa chambre d'entrée de gamme disponible avec le prix en temps réel. Le visiteur peut sélectionner directement ou cliquer "voir toutes les catégories" pour accéder aux autres types de chambres (Deluxe, Junior Suite, Suite). Structure identique à myreservations.manotel.com — un bloc par hôtel, expandable.

Logique UX : La page DINE ne cible pas le dîner en solo — elle cible le décideur corporate qui cherche un espace pour un événement de 20 à 200 personnes. L'angle privatisation est mis en avant dès l'entrée. Pas de widget de réservation table — inutile à Maurice, le téléphone et le formulaire de devis suffisent.

Logique UX : Template unique réutilisé pour les 16 établissements (8 restaurants + 8 bars/lounges), une URL par fiche. Chaque fiche affiche visuel, hôtel de rattachement, horaires, téléphone et description du type de cuisine/ambiance. « Télécharger le menu » et « Réserver une table » sont optionnels : on retire le bouton quand le client n'a pas de lien correspondant. La réservation redirige vers le système externe du restaurant / de l'hôtel.

Logique UX : Double rôle — hub de navigation vers les 6 offres + page de conversion pour le Corporate Account (contrat groupe). Le visiteur qui arrive via le super menu atterrit ici et choisit son besoin. Le visiteur qui a fait sa due diligence sur les offres individuelles revient ici pour signer. Le formulaire est court et qualifiant — objectif : décrocher un rendez-vous commercial.

Logique UX : Hub Group 96 — page de réassurance institutionnelle. Histoire & Vision et Investors sont des sections inline sur cette page hub. Corporate Governance, RSE et News & Presse sont des sous-pages dédiées accessibles via le super menu et la sidebar. Ton court, factuel, avec des éléments visuels humains (équipe, RSE). Un CTA de contact commercial en bas suffit.

Logique UX : Page institutionnelle light — elle existe pour que le groupe ait une vitrine crédible auprès de partenaires financiers et investisseurs potentiels. Contenu minimal en phase 1 (chiffres clés + contact), enrichi en phase 2 si le groupe souhaite lever des fonds ou attirer des partenaires stratégiques.

Logique UX : Page institutionnelle dédiée à la gouvernance d'entreprise. Cible les investisseurs, partenaires financiers et parties prenantes qui souhaitent comprendre la structure de direction du groupe. Contenu minimal en phase 1, enrichi selon les exigences réglementaires ou de communication financière.

Logique UX : Page de différenciation et de crédibilité. Les décideurs corporate sont de plus en plus sensibles aux engagements RSE de leurs prestataires — cette page leur donne les arguments pour justifier le choix Ninety-Six en interne. Elle sert aussi au recrutement (attractivité employeur) et à la relation investisseurs.

Logique UX : Double usage — actualités institutionnelles pour les partenaires, investisseurs et médias + ressources presse pour les journalistes. Alimentation manuelle via CMS en phase 1. Renforce la crédibilité et la visibilité du groupe sur des requêtes de marque.

Logique UX : Le Blog est un levier SEO long terme — les articles ciblent des requêtes informationnelles (comment organiser un séminaire, meilleur hôtel business à Maurice, etc.) et font remonter le domaine sur Google. Alimentation régulière recommandée : 1 à 2 articles par mois minimum. La FAQ est intégrée en section bas de Homepage (pas une page dédiée).

Logique UX : Le hub Carrières oriente rapidement le candidat vers la bonne porte — ceux qui veulent d'abord connaître la culture (Marque Employeur) vs ceux qui veulent directement postuler (Offres d'emploi). Structure en 2 sous-pages distinctes pour une meilleure clarté et un meilleur SEO sur chaque parcours.

Logique UX : Page EVP (Employee Value Proposition) dédiée — elle donne envie avant de postuler. Les témoignages collaborateurs sont le contenu le plus convaincant pour les candidats hésitants. CTA final vers les offres d'emploi pour maintenir le flux dans le parcours candidat.

Logique UX : Page de conversion candidats — liste filtrée des postes ouverts avec CTA "Postuler" direct. Phase 1 : offres gérées manuellement dans le CMS. Phase 2 : intégration ATS si le volume de candidatures le justifie. La candidature spontanée est indispensable — elle capte les bons profils proactifs entre deux vagues de recrutement.