Webdesign and development

Maastricht Art Map

An interactive site for a collective of more than 30 participants.
How do you put 30 galleries, studios and art dealers on the map?

That was the issue we were facing. Maastricht is a vibrant city, full of culture. Yet this is often forgotten. The initiators wanted to change this. By means of a flyer and a website where information can be found. This led to the Maastricht Art Map. In the flyer and website you will find more than 30 participants, all with their own number.

On the website we created an interactive Google Map. This way people can scroll through the same map as the one on the flyer, this way they can easily compose a route and see which participant is in the neighbourhood.

View the live website
A sleek design.

And designed for every screen.

As a result, visitors to the website can also effortlessly check an address while on the road, or check which locations can be found nearby. This way we create an optimal user experience.

Functionality

The website contains a Google Map. To optimize the user experience, we have created the possibility to share the folder and to open it on a large screen. There is also the possibility to open the route to a location in Google Maps.

All on one page.

It's all lined up.

Together with the initiators we have agreed that it will be a one-pager, all on one page. This way the user doesn't have to navigate through menus, and he can easily keep an overview of the website.

The overview of all participants has been incorporated in a foldable list. Here you will find a picture of the premises of each participant. If you hover your mouse over the picture, extra information appears, such as opening hours and a link to the website of the participant.

Use it everywhere.

Every website we make
is responsive.

As the art route is being walked, it was important for this website to be easy to view on mobile and load quickly. This way you don't have to wait for information.

Clear

Since everything has to be on one page, additional information such as opening hours and a link to the website can be found when you hover your mouse over the image and tap the image on your mobile phone. This is how we keep everything organized.

Mockups: Anthony Boyd Graphics
click for the next project

Code Lab

Curious?

Let's make something beautiful together.

Get in touch with us