Queer Museum

For Queer Museum, Super Interactive developed a digital space that brings together identity, community, and accessibility. Even before a physical museum exists, the website already acts as a stage for queer art, culture, and stories. It translates the initiative’s outspoken visual identity into a flexible and inclusive digital environment where content, community, and donations come together. The website is therefore not just a communication tool, but the foundation of a growing cultural initiative.

A digital home for a new museum

Queer Museum is a cultural initiative working towards a central place in Amsterdam for queer art, culture, and history. A place where stories from the queer community can be made visible, preserved, and shared. The need for such a space, both within and beyond the community, is clear. As long as the physical museum is still in development, the website fulfils that role as the initiative’s first visible foundation.

Precisely because there was not yet a physical location, the website had to be more than an informational platform. It needed to function as a connective and representative place for an initiative that is still very much in motion. The identity and ambition of Queer Museum were already strongly present in content terms, but had not yet been given a fixed digital form. The website needed to make that identity tangible and guide the way the initiative presents itself online.

From visual identity to digital experience

Super Interactive’s product designer Martijn translated Queer Museum’s brand guidelines into a digital experience that strengthens the initiative’s distinctive identity. The guidelines provided a clear foundation in colour, typography, and visual elements. As Martijn described it:“Queer Museum delivered the guidelines in a highly professional way; we only needed to make minimal adjustments to ensure the visual identity remained recognisable and accessible on the web as well.”That is how the characteristic “Q”, for example, gained a prominent role as a graphic element within different components, while contrast, readability, and rhythm in the design were carefully refined.

That visual translation was supported by a flexible technical setup in Statamic CMS. We developed a modular system with around ten reusable components, allowing editors to build pages freely without losing visual consistency. We also introduced a colour-theme tool that lets editors choose one of the theme colours per page; text and background colours then adjust automatically.

Donations with a Mollie integration

One of the key goals of the website is to make donations to Queer Museum possible. For that reason, the design gives the donation page a clear and prominent place in the navigation. On our recommendation, Queer Museum chose Mollie as the payment provider for the donation form.

For these kinds of use cases, Super Interactive developed a standard integration between Statamic forms and the Mollie API. This allows donations to be processed safely and reliably while keeping the form fully integrated within the website. Behind the scenes, we use Livewire, part of the Laravel ecosystem on which Statamic is also built. The result is a user-friendly, robust, and secure donation process that fits seamlessly into the rest of the website.

Digital accessibility and inclusivity

Queer Museum aims to be an inclusive place for sharing queer art, culture, and history, both offline and online. That vision is visible not only in the content and visual design, but also in the technical structure of the website. The digital environment needed to feel just as accessible and welcoming as the initiative’s mission.

That is why the website was extensively tested before launch using a digital accessibility scan developed by Super Interactive itself. The site was assessed against WCAG 2.1 guidelines. Based on that scan, targeted improvements were implemented so the website is easy to navigate, works well with keyboard-only use, remains understandable for people with visual impairments, and performs well across devices and screen sizes.