kunst und museums­verein wupper­tal

In collaboration with Büro Longjaloux, a local design agency, I created a new brand identity and website for the Kunst- und Museumsverein Wuppertal

  • Conception
  • UX Research
  • UI Design
  • Webdevelopment
UI Case Study by Björn Wieland

conception

About…

The art and museum association sees itself as a sponsor of the Von der Heydt-Museum and the Von der Heydt-Kunsthalle. For decades it acquires important works of art that enrich and complement the museum's renowned collection on permanent loan.

The association supports the activities of the museum and organizes exhibitions of primarily contemporary art. He organizes the event "Kunsthochdrei" in cooperation with the Von der Heydt-Museum, the Literaturhaus e.V. and the Hochschule für Musik und Tanz Köln / Wuppertal, which takes place several times a year and combines visual art, literature and music.

KMV-Wuppertal Ausstellungen preview

#REFRESH

In the primary role as UI designer, a new corporate design was created in close collaboration with Büro Longjaloux. The target group had changed a lot. Young people, students and families should now also be addressed. The main goal was to refresh the appearance of the KMV so that people from this new target group register as members. The old website was not responsive and therefore not attractive for most younger users with primary smartphone use.

Website

Quick but not dirty!

I developed different versions - quick sketches - for brainstorming sessions with longjaloux and the customer. It was clear from the start that the site should become simpler, tidier and more accessible. I opted for little whitespace and soft pastel shades, which should still work in conjunction with works of art.

Different pre-versions of the web-design

Colors and other stuff...

We agreed on a combination of cool shades of blue with a pastel shade of blue as the main color and a darker version as the secondary color. Primary font became the home sans PT for headings and call-to-action elements and secondary font the Yantramanav font. The original logo has been retained in its shape. Only different color versions were created here. To give the site a little extravagance, I did without "normal" buttons and created simple combinations of arrow, text and background color with minimal hover animations.

Preview of the KMV-Wuppertal corporate design manual

Development

I decided to have a color dominance on the home page and use a lot of whitespace on most of the subpages to give the artworks the space they needed. I used TYPO3 as the content management for the customer. This ensured that content such as texts, images and documents could be maintained by editors on the customer side if desired. Furthermore, the site naturally had the claim to be 100% responsive, so it would work on all common devices.

KMV-Wuppertal home landing page
KMV-Wuppertal Ausstellung preview screen
KMV-Wuppertal design presentation in different web viewports

Next glasshouse