Sup’Saint-Dominique : site web pour un établissement d’enseignement supérieur à Pau

Sup’Saint-Dominique voulait se démarquer des autres établissements supérieurs de Pau avec un site qui reflète vraiment leur niveau d’exigence. On a travaillé ensemble sur un projet ambitieux : WordPress sur mesure, animations GSAP, navigation horizontale, mobile-first. Voilà ce que ça a donné.

Un design mobile-first, pas un responsive afterthought

L’audience principale du site, c’est des lycéens et des étudiants. Ils naviguent quasi exclusivement sur mobile. On a donc commencé par le mobile, et on a adapté ensuite pour le desktop — pas l’inverse.

Ça change tout dans les choix de design : menu hamburger animé pensé pour le touch, taille de texte lisible sans zoom, composants interactifs avec des zones de clic suffisamment grandes.

La navigation horizontale

Pour la présentation des formations, j’ai intégré un scroll latéral. C’est une contrainte technique intéressante : gérer à la fois le scroll vertical de la page et le scroll horizontal d’une section, sans que ça soit déroutant sur mobile. GSAP gère les transitions, avec des points de repère visuels pour que l’utilisateur sache où il en est.

L’identité visuelle

Violet, parme, vert — une palette contemporaine choisie avec l’équipe de Sup’Saint-Dominique pour se différencier des codes visuels classiques de l’éducation. Les animations d’entrée au scroll renforcent ce sentiment de modernité sans tomber dans l’effet gadget.

Ce qu’il y a sous le capot

• WordPress + thème sur mesure : pas de page builder, juste Gutemberg et tout est codé avec Tailwind CSS pour garder la main sur chaque détail
• Alpine.js pour les interactions client-side légères (menus, toggles, filtres)
• Swiper.js pour le carrousel d’actualités
• LiteSpeed Cache + images WebP + lazy loading : le site charge vite, même sur 4G
• Support multilingue (français/anglais) intégré dès le départ dans l’architecture

Pour le référencement, SEOPress gère les metas dynamiques et le sitemap XML. Les données structurées Schema.org sont en place pour les pages principales.

Comment s’est passé le projet

Plusieurs allers-retours avec l’équipe pédagogique pour affiner les parcours utilisateurs — notamment le tunnel d’inscription des futurs étudiants, qui était la priorité numéro un. Ces échanges ont permis d’éviter les erreurs classiques : un menu trop chargé, des formations mal hiérarchisées, des CTA noyés dans le contenu.

L’inscription en ligne avec WooCommerce

J’ai intégré WooCommerce pour permettre aux étudiants de finaliser leur inscription directement en ligne — choix de la formation, paiement de l’acompte, transmission des pièces justificatives. Avant ça, tout passait par email et appels téléphoniques. Résultat : l’équipe administrative a récupéré près d’un mois de travail par an juste sur la gestion des dossiers entrants.

Résultat

Le site leur permet aujourd’hui de présenter leur offre de formation clairement, de gérer leurs actualités et événements en autonomie, et d’être visibles sur Pau pour les requêtes liées à l’enseignement supérieur.

La maintenance est assurée, avec des évolutions prévues selon les besoins de l’établissement.