Alpha Surfers Academy

El encargo

Alpha Surfers Academy organiza campamentos de surf y kitesurf en Sidi Kaouki, cerca de Esauira (Marruecos). Sus huéspedes llegan de toda Europa y de más lejos, así que la web tiene que vender la experiencia —y aparecer en los buscadores— en cada uno de sus idiomas.

El reto

Siete idiomas son setenta páginas que mantener al día, y una de ellas, el árabe, se lee de derecha a izquierda: todo el diseño tiene que reflejarse, no solo el texto. Cada versión necesita además su propia dirección, título y enlaces hreflang para aparecer en los buscadores, sin un CMS ni un framework que mantener.

Lo que construí

Una web estática y rápida con una página para cada programa —surf, kitesurf, campamentos, surfaris y yoga—, un formulario de reserva y contacto por WhatsApp a un toque desde cualquier sitio. Un único archivo de traducciones alimenta los siete idiomas, incluido el árabe de derecha a izquierda: al compilar se genera una página propia por idioma, con su título, su descripción y sus etiquetas hreflang, para que cada versión aparezca en los buscadores.

Por dentro

Las piezas que hacen el trabajo

01Siete idiomas, árabe en espejo

Inglés, alemán, neerlandés, francés, español, italiano y árabe. Las páginas en árabe van de derecha a izquierda: menú, texto y botones se reflejan.

02Web estática, rápida y sin framework

HTML, Tailwind y un poco de JavaScript, compilado con Vite. Las imágenes cargan en diferido y la de portada tiene máxima prioridad.

03SEO en cada página

Cada una de las 70 páginas lleva su lang, dir, título, descripción, etiquetas Open Graph, canonical y enlaces hreflang, más datos estructurados del campamento.

04Reserva con el paquete elegido

Nombre, contacto, programa, mes de viaje, tamaño del grupo y nivel. «Seleccionar paquete» rellena el programa y lleva al formulario. Con trampa antispam.

05WhatsApp, paquetes y precios

Un botón de WhatsApp «Chat with Kabir» en cada página y precios claros: surf camp desde 500 €, kite camp desde 800 €, surfari 50 € por persona.

06Proceso de compilación

Un pequeño plugin de Vite comparte menú, pie y banner de cookies entre páginas; un script posterior escribe las seis copias traducidas de cada página.

Recreado con datos de ejemplo, sin información real de clientes.

Tecnología

Vite
Tailwind
JavaScript
Web3Forms
Vercel

Cómo se hizo

Del encargo al lanzamiento

Duración: Jun – ago 2026

Jun 2026
Estrategia y planificación
Planteé la web como una página por programa (surf, kitesurf, surfari, campamentos, yoga) con partes compartidas, y monté el formulario de reserva con validación en línea.
Jul 2026
Diseño y desarrollo
Conecté el formulario de reserva a Web3Forms y añadí las rutas por idioma: alemán, neerlandés, italiano, francés, español y árabe de derecha a izquierda, desde un único archivo de traducciones.
Jul 2026
Lanzamiento y automatización
Repaso de velocidad y SEO: imágenes optimizadas, vídeo de portada con carga diferida y descripciones de página reescritas.
Aug 2026
Soporte continuo
Actualicé las descripciones del alojamiento y unifiqué la alineación del texto en toda la web.