Responsive / Interactive SVG Map

interactive SVG map


ticketmaster logo

The Brief:

To take a map designed by the internal UX team and develop/code it to be mobile responsive and interactive, using HTML5 technologies only. The map solution needed to allow users to select a country of interest, triggering backend filters - to display event listings for the selected country.

What I Produced:

I simplify a map design and hand-coded an SVG using CSS media queries and custom classes/IDs that could be 'called' from the back-end to make a functional filtering tool.