Multi-page website
Lead generation
Programme pages

Bigup Center

Sector: Education
Delivered as: Website
Year: 2025
Live site: Visit the siteselectividad-fes.com(opens in a new tab)

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

(The project)

A multi-page site for an education centre that helps Moroccan students enter Spanish universities: data-driven programme pages and a spam-protected consultation funnel.

(Context)

One path towards studying in Spain.

Bigup Center presents its programmes (Selectividad, Grado, DELE, SIELE and Spanish courses) across dedicated pages with testimonials and figures, and invites visitors to book a free consultation.

It is a React 19 single-page application with client-side routing; the only server component is a mail endpoint protected by a Cloudflare Turnstile challenge.

(Key figures)

programme pages: 8
server endpoint, for mail: 1
protected form: Turnstile

The decisions that shaped it

Single-page application
React Router handles every navigation on a Vite build, with a shared layout (navigation, footer, scroll reset) around each page.
Client routing
Content apart from presentation
Each page’s copy and settings live in data modules read by presentational components; copy changes never touch the markup.
Data-driven
A protected lead form
The consultation form validates a Cloudflare Turnstile token before posting to a PHP endpoint that sends the email.
Clean leads
Shared interaction hooks
Mobile menu, scroll animations and scroll progress are encapsulated in hooks reused across programme pages.
Shared behaviour

(How it works)

Lead capture

Explore the programmes
Visitors browse Selectividad, Grado, DELE, SIELE and Spanish course pages, each fed by its own data module.
Book a consultation
The form checks a Turnstile token, then submits the request to the mail endpoint.
Deliver
The endpoint emails the request to the centre, while a floating WhatsApp button offers an instant alternative.