Het Queer Museum

Voor het Queer Museum ontwikkelde Super Interactive een digitale plek die identiteit, gemeenschap en toegankelijkheid samenbrengt. Nog voordat er een fysiek museum bestaat, fungeert de website als podium voor queer kunst, cultuur en verhalen. De website vertaalt de uitgesproken visuele identiteit van het initiatief naar een flexibele en inclusieve digitale omgeving, waarin content, community en donaties samenkomen. Zo vormt de website niet alleen een communicatiemiddel, maar het fundament onder een groeiend cultureel initiatief.

Een digitale plek voor een nieuw museum

Het Queer Museum is een cultureel initiatief dat werkt aan een centrale plek in Amsterdam voor queer kunst, cultuur en geschiedenis. Een plek waar verhalen uit de queer community zichtbaar worden, bewaard blijven en gedeeld kunnen worden. De behoefte aan zo’n ruimte, binnen én buiten de gemeenschap, is duidelijk. Zolang het fysieke museum nog in ontwikkeling is, vervult de website die rol als eerste zichtbare fundament van het initiatief.

Juist omdat er nog geen fysieke locatie bestond, moest de website meer zijn dan een informatief platform. Zij moest functioneren als een verbindende en representatieve plek voor een initiatief dat nog volop in beweging is. De identiteit en ambitie van het Queer Museum waren inhoudelijk sterk aanwezig, maar hadden nog geen vaste digitale vorm. De website moest die identiteit voelbaar maken en richting geven aan hoe het initiatief zich online presenteert.

Van huisstijl naar digitale beleving

Super Interactive's product designer Martijn vertaalde de brand guidelines van het Queer Museum naar een digitale beleving die de uitgesproken identiteit van het initiatief versterkt. De richtlijnen boden een duidelijke basis in kleurgebruik, typografie en visuele elementen. Zoals Martijn het zelf omschreef: “Het Queer Museum leverde op professionele wijze de guidelines aan; we hebben slechts minimale aanpassingen hoeven doen om ervoor te zorgen dat de huisstijl ook op web herkenbaar en toegankelijk bleef.” Zo kreeg onder andere de karakteristieke ‘Q’ een prominente rol als grafisch element binnen verschillende componenten, en werd er zorgvuldig gekeken naar contrast, leesbaarheid en ritme in het ontwerp.

Die visuele vertaling werd ondersteund door een flexibele technische opzet in het Statamic CMS. We ontwikkelden een modulair systeem met circa tien herbruikbare componenten waarmee redacteuren pagina’s vrij kunnen opbouwen, zonder de visuele samenhang te verliezen. Daarnaast introduceerden we een kleurenthema-tool waarmee per pagina één van de themakleuren gekozen kan worden; tekst- en achtergrondkleuren passen zich automatisch aan.

Donaties met Mollie integratie

Een belangrijk doel van de website is het mogelijk maken van donaties voor het Queer Museum. In het ontwerp is daarom een duidelijke en prominente plek in de navigatie opgenomen die bezoekers naar de donatiepagina leidt. Op ons advies koos het Queer Museum voor Mollie als betaalprovider voor het donatieformulier.

Voor dit soort toepassingen ontwikkelde Super Interactive een standaardkoppeling tussen Statamic-formulieren en de Mollie API. Hierdoor kunnen donaties veilig en betrouwbaar worden verwerkt, terwijl het formulier volledig geïntegreerd blijft in de website. Achter de schermen maken we gebruik van Livewire, onderdeel van het Laravel-ecosysteem waar ook Statamic op is gebaseerd. Het resultaat is een gebruiksvriendelijk, robuust en veilig donatieproces dat past binnen de rest van de website

Digitale toegankelijkheid en inclusiviteit

Het Queer Museum streeft naar een inclusieve plek voor het delen van queer kunst, cultuur en geschiedenis, zowel offline als online. Die visie is niet alleen zichtbaar in de inhoud en vormgeving, maar ook in de technische opbouw van de website. De digitale omgeving moest net zo toegankelijk en uitnodigend zijn als de missie van het initiatief.

Daarom is de website vóór oplevering uitgebreid getest met een toegankelijkheidsscan die Super Interactive zelf ontwikkelde. Hierbij is de site beoordeeld volgens de WCAG 2.1-richtlijnen. Op basis van deze scan zijn gerichte verbeteringen doorgevoerd, zodat de website goed navigeerbaar is, ook met alleen een toetsenbord, begrijpelijk blijft voor mensen met een visuele beperking en goed functioneert op verschillende apparaten en schermgroottes.