Bar Blend

Case

Webdesign
Campagnes
Meertalig

De case

Bar Blend is een groep van drie bars in de Reguliersdwarsstraat in Amsterdam, LGBTQIA+ en vrienden, sinds 2019. Wij ontwierpen en bouwen barblend.nl en de eventsite van MainStage Pride Amsterdam, het podium op de Dam dat de groep presenteert.

Een horecagroep leeft van data: een festivalweek, een themanacht, een evenement. Een campagne op de homepage moet op tijd staan en daarna netjes weg zijn. Tegelijk moet elke bar zijn eigen gezicht houden binnen één site.

Eerst voor de telefoon
Beide sites zijn eerst voor de telefoon ontworpen: de kop en de belangrijkste knop staan direct in beeld.
Bijwerken rond de agenda
The Creativity Lab ontwierp en bouwt barblend.nl en mainstageprideamsterdam.nl, en werkt de sites bij rond campagnes en evenementen.

Hoe wij zo'n site ontwerpen, bouwen en daarna bijhouden, staat bij onze dienst website laten maken.

Dienst: Ontwerp, bouw en doorlopende campagnes
Jaar: 2026
Status: Live: barblend.nl en mainstageprideamsterdam.nl
Sector: Horeca en evenementen, Amsterdam

Bekijk de live website (opent in een nieuw venster)

Het resultaat

barblend.nl en mainstageprideamsterdam.nl staan live, in het Nederlands en het Engels.

2 sites, allebei met een credit naar The Creativity Lab in de footer
1 configuratiebestand per campagne, met start en einde
3 dagen MainStage Pride, line-up per dag
2 talen, Nederlands en Engels op beide sites

Tickets voor MainStage Pride lopen via de officiële ticketshop, niet via een eigen kassa.

We publiceren geen cijfers over bezoek, reserveringen of verkochte tickets. Zulke cijfers delen we alleen met akkoord van Bar Blend, met bron en meetperiode.

De oplossing

Eén site voor de groep, één eventsite voor het podium.

barblend.nl
De bars van de groep, een galerij, gidsen op de blog, reserveren en een pagina om een locatie te huren, in het Nederlands en het Engels.
Campagnes met een einddatum
Start, einde en inhoud van een campagne staan in één configuratiebestand; na het einde verdwijnt de takeover van de homepage op de geplande datum.
Intro “Lights on”
Een neonlogo dat aangaat bij het openen van de site, getekend door een eigen WebGL2-renderer, met een korte rustige versie voor wie minder beweging wil.
MainStage Pride Amsterdam
Eén pagina met de line-up per dag, ticketknoppen naar de officiële ticketshop, een venster met toegankelijkheidsinformatie en een Nederlandse en Engelse versie.

Techniek

Next.js op Vercel
barblend.nl is gebouwd in Next.js en draait op Vercel, met de gegevens van de bars en de campagne in configuratiebestanden die pagina, gestructureerde gegevens en navigatie tegelijk voeden.
Een statische eventsite
MainStage Pride Amsterdam is een statische pagina zonder framework, met gestructureerde gegevens voor het evenement en de dagen.