Barbanson
Case study · Website

Miss Louis LaFemme

De boekingssite van een internationale dragartiest, in het Nederlands en Engels.

Visit the live site
Klant
Miss Louis LaFemme
Sector
Live entertainment
Wat we deden
Ontwerp, bouw en hosting
Jaar
2026
Status
Live
Miss Louis LaFemme homepage
Overview
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.
The brief

What they needed

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.

What we built

The work, piece by piece

Drie shows, met prijs en aanvraag
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.

Formulier dat de briefing ophaalt
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.

Nederlands en Engels uit een bron
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.

Galerij met lightbox
04

Galerij met lightbox

Portfoliobeelden openen in een lightbox, zodat een organisator de looks ziet zonder de pagina te verlaten.

Profiel en bereik
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.

How it was built

The approach

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.

The outcome

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.

Work with the studio

Want one like it?

We design and build custom websites, booking systems and Power Platform solutions, done for you and handed over working. Tell us what you have in mind and we will map the first step.