L'Attitude
Centre de massothérapie · Depuis 1989
Onze écrans navigables couvrant les deux divisions de la maison : la clinique de massothérapie et l'école accréditée FQM. Palette terre, typographie éditoriale, micro-animations — une expérience web moderne et chaleureuse, enracinée dans 37 ans d'histoire.
L'écran maître. Mise en scène duale clinique/école, témoignages graphite, blogue et CTA double. Le coeur de l'identité.
Ouvrir →La page-pilier de la division clinique. 9 types de massage, expérience client en 5 étapes, équipe, 8 assureurs.
Ouvrir →La page-pilier de l'école accréditée FQM. Calendrier des cohortes, options de paiement, débouchés, formation continue.
Ouvrir →Gabarit type d'une fiche soin : tarif sticky, déroulement, équipe, reçus, FAQ. Réplicable pour chaque type.
Ouvrir →La page-phare de l'école. Onglets sticky, cohortes, financement, FQM, équipe pédagogique, débouchés.
Ouvrir →Pull quote éditorial, timeline verticale 1989-2026, mission/vision/valeurs, équipe direction, locaux.
Ouvrir →4 cards coordonnées, formulaire segmenté massage / formation / autre, consentement Loi 25, FAQ rapide.
Ouvrir →Hero éditorial, filtres catégories, article featured 21:9, grille 12 articles, newsletter olive.
Ouvrir →Services, reçus, admission, programmes, financement, carrière. Accordion + filtres + barre de recherche.
Ouvrir →Tabs horizontaux, tableau 9 soins × 3 durées, forfaits, options de paiement formations, AFE/RAC/REER.
Ouvrir →Erreur stylée, fond dégradé olive-tobacco, chiffre géant ambré, 3 liens rapides de retour.
Ouvrir →Onze maquettes complètes, 100 % autonomes. Chacune est un fichier .html unique (CSS et JS inline), à ouvrir directement dans le navigateur — aucun build, aucun serveur. Optimisées pour Chrome/Edge/Firefox récents, pleinement responsive (mobile-first), et conformes WCAG 2.2 AA. Le logo officiel de L'Attitude est intégré dans le header et le footer de chaque page.