Naar de inhoud

De vraag

Alpha Surfers Academy organiseert surf- en kitesurfkampen in Sidi Kaouki, bij Essaouira in Marokko. De gasten komen uit heel Europa en verder, dus de site moet de ervaring verkopen — en gevonden worden — in elk van hun talen.

De uitdaging

Zeven talen betekent zeventig pagina's die gelijk moeten lopen, en één daarvan, Arabisch, leest van rechts naar links: de hele layout moet spiegelen, niet alleen de tekst. Elke versie heeft ook een eigen adres, titel en hreflang-links nodig om gevonden te worden, zonder CMS of framework om te onderhouden.

Wat ik bouwde

Een snelle statische site met een pagina voor elk programma — surfen, kitesurfen, kampen, surfaritours en yoga — een boekingsformulier en overal contact via WhatsApp met één tik. Eén vertaalbestand stuurt alle zeven talen aan, inclusief rechts-naar-links Arabisch: de build schrijft per taal een eigen pagina met eigen titel, beschrijving en hreflang-tags, zodat elke versie in zoekmachines te vinden is.

Onder de motorkap

De onderdelen die het werk doen

01Zeven talen, Arabisch gespiegeld

Engels, Duits, Nederlands, Frans, Spaans, Italiaans en Arabisch. Arabische pagina's lopen van rechts naar links: menu, tekst en knoppen spiegelen mee.

02Snelle statische site zonder framework

Gewone HTML, Tailwind en een beetje JavaScript, gebouwd met Vite. Afbeeldingen laden lazy en de heroafbeelding krijgt voorrang.

03SEO in elke pagina

Elk van de 70 pagina's krijgt eigen lang, dir, titel, beschrijving, Open Graph-tags, canonical en hreflang-links, plus gestructureerde data over het kamp.

04Boeken met pakket ingevuld

Naam, contact, programma, reismaand, groepsgrootte en niveau. “Selecteer pakket” vult het programma in en springt naar het formulier. Met spamval.

05WhatsApp, pakketten en prijzen

Een WhatsApp-knop “Chat with Kabir” op elke pagina en duidelijke prijzen: surfkamp vanaf €500, kitekamp vanaf €800, surfari €50 per persoon.

06Buildproces

Een kleine Vite-plugin deelt menu, footer en cookiebanner tussen pagina's; een script na de build schrijft de zes vertaalde kopieën van elke pagina.

Nagebouwd met voorbeelddata — geen echte klantgegevens.

Gebouwd met

  • Vite
  • Tailwind
  • JavaScript
  • Web3Forms
  • Vercel

Hoe het tot stand kwam

Van briefing tot live

Doorlooptijd: Jun – aug 2026

  1. Jun 2026

    Strategie & planning

    De site opgezet als één pagina per programma (surfen, kitesurfen, surfari, kampen, yoga) met gedeelde onderdelen, en het boekingsformulier met inline validatie gebouwd.

  2. Jul 2026

    Ontwerp & bouw

    Het boekingsformulier aan Web3Forms gekoppeld en de taalroutes toegevoegd: Duits, Nederlands, Italiaans, Frans, Spaans en rechts-naar-links Arabisch, uit één vertaalbestand.

  3. Jul 2026

    Lancering & automatisering

    Snelheids- en zoekronde: geoptimaliseerde afbeeldingen, een lazy-loaded herovideo en herschreven paginabeschrijvingen.

  4. Aug 2026

    Doorlopende support

    De beschrijvingen van de accommodatie bijgewerkt en de tekstuitlijning op de hele site gelijkgetrokken.

Resultaten

Gemeten op de live site

93Snelheid (desktop)
100SEO
100Best practices
Talen
7
HTML-pagina's uit één build: 10 pagina's in 7 talen
70
Vertaalde tekstelementen, per taal gewisseld
698

Gemeten met Google Lighthouse · Sep 2026 · overige cijfers uit de build en projectgegevens

Op de site

De beelden waar het om draait

Volgende stap

Iets vergelijkbaars nodig?

Vertel over je project — een eerste reactie binnen één werkdag, en een vaste prijs op papier voordat er iets begint.

Stap voor stap · van eerste gesprek tot lancering

Een project in gedachten? Laten we het bouwen.

Vertel me wat je verkoopt en wat je nodig hebt. Ik reageer binnen één werkdag met de volgende stappen — of een eerlijk “dit is niets voor mij”.

LinkedIn ↗
Waar ben je naar op zoek?

Volgend project

Tracemont

Bekijk project