Site multipage
Génération de leads
Pages programmes

Bigup Center

Secteur: Éducation
Livré en: Site web
Année: 2025
En ligne: Voir le siteselectividad-fes.com(s’ouvre dans un nouvel onglet)

“L’Excellence Académique pour vos Études en Espagne, au Cœur de Fès”

(Le projet)

Un site multipage pour un centre de formation qui accompagne les étudiants marocains vers les universités espagnoles : des pages programmes pilotées par les données et un parcours de consultation protégé contre le spam.

(Contexte)

Un seul chemin vers les études en Espagne.

Bigup Center présente ses programmes (Selectividad, Grado, DELE, SIELE et cours d’espagnol) sur des pages dédiées avec témoignages et chiffres, et invite les visiteurs à réserver une consultation gratuite.

C’est une application React 19 monopage avec routage côté client ; la seule brique serveur est un point d’envoi d’e-mails protégé par un défi Cloudflare Turnstile.

(Chiffres clés)

pages programmes: 8
point serveur, pour l’e-mail: 1
formulaire protégé: Turnstile

Les choix qui ont façonné le projet

Application monopage
React Router gère toute la navigation sur une compilation Vite, avec une mise en page partagée (navigation, pied de page, retour en haut) autour de chaque page.
Routage client
Contenu et présentation séparés
Les textes et réglages de chaque page vivent dans des modules de données lus par des composants visuels : modifier un texte ne touche jamais le balisage.
Piloté par les données
Un formulaire de contact protégé
Le formulaire de consultation valide un jeton Cloudflare Turnstile avant d’envoyer la demande à un point PHP qui expédie l’e-mail.
Leads qualifiés
Des hooks d’interaction partagés
Menu mobile, animations au scroll et progression de lecture sont encapsulés dans des hooks réutilisés d’une page programme à l’autre.
Comportements partagés

(Comment ça marche)

La captation des demandes

Explorer les programmes
Les visiteurs parcourent les pages Selectividad, Grado, DELE, SIELE et cours d’espagnol, chacune alimentée par son module de données.
Réserver une consultation
Le formulaire vérifie un jeton Turnstile, puis transmet la demande au point d’envoi d’e-mails.
Transmettre
La demande est envoyée par e-mail au centre, tandis qu’un bouton WhatsApp flottant offre une alternative immédiate.