01
Drie shows, met prijs en aanvraag
Elke show toont de artiesten, een setlist, de speelduur en een vanafprijs, met een knop die de bezoeker direct naar het aanvraagformulier brengt.
Case study · Website
Miss Louis LaFemme
De boekingssite van een internationale dragartiest, in het Nederlands en Engels.
- Klant
- Miss Louis LaFemme
- Sector
- Live entertainment
- Wat we deden
- Ontwerp, bouw en hosting
- Jaar
- 2026
- Status
- Live
Overzicht
Miss Louis LaFemme is een internationale dragartiest die wereldwijd optreedt. Dit is de eerste website van de artiest: de site toont drie shows met setlist, speelduur en vanafprijs en leidt aanvragen via een formulier dat de show, het type evenement en de technische situatie op locatie vastlegt. Alles draait tweetalig vanuit een bron.
De opdracht
Wat ze nodig hadden
Miss Louis LaFemme had nog geen website. Dit werd de eerste publieke plek, dus moest een pagina alles tegelijk dragen: wie de artiest is, wat de shows zijn en hoe je boekt. Het moest werken voor de Nederlandse markt en internationale klanten, met shows die concreet genoeg zijn om passendheid en budget te beoordelen zonder eerst te mailen.
Wat we bouwden
Het werk, stuk voor stuk
02
Formulier dat de briefing ophaalt
Het formulier vraagt welke shows, het type evenement en of de locatie professioneel licht en geluid levert, zodat een aanvraag compleet binnenkomt.
03
Nederlands en Engels uit een bron
Alle teksten staan in een vertaalbestand per taal. De site kiest automatisch de taal van de bezoeker en onthoudt de keuze.
04
Galerij met lightbox
Portfoliobeelden openen in een lightbox, zodat een organisator de looks ziet zonder de pagina te verlaten.
05
Profiel en bereik
Een korte oversectie met de achtergrond en het internationale bereik van de artiest, naast de kerncijfers waarmee de klant zich presenteert.
Hoe het gebouwd is
De aanpak
Gebouwd als een React 19 pagina met Vite en Tailwind 4, gehost op Netlify. Alleen de hero laadt direct: alles daaronder laadt lazy achter een Suspense boundary, wat de eerste weergave snel houdt op een beeldrijke pagina. De scrollcontainer is de app root en niet het venster, zodat de adresbalk op mobiel het viewport niet laat verspringen. De sparkle effecten draaien op canvas en gaan volledig uit bij reduced motion. Analytics zijn cookieloos en het formulier post naar Netlify Forms, dus de site heeft geen cookiebanner.
Het resultaat
De artiest ging van geen website naar een boekbare pagina in twee talen. Aanvragen komen nu binnen met de show, het type evenement en de licht en geluidssituatie al ingevuld, zodat een offerte kan volgen zonder extra vragenronde.
Werk met de studio
Wil je er ook zo een?
We ontwerpen en bouwen websites op maat, boekingssystemen en Power Platform-oplossingen, voor je gedaan en werkend opgeleverd. Vertel ons wat je in gedachten hebt en we brengen de eerste stap in kaart.