A map that answers back — Digital Experience Design
Interaction Design

A map that answers back

Seventeen locations on one island, each with something to say — and a map you query rather than read.

Highlights

Rebuilt a PowerPoint map as a real web interaction — seventeen hotspots across four categories, with the original illustration, icon geometry and hotspot positions kept exactly where they were.

Gave it the things a deck cannot have: filtering by category, search by name, previous/next within a category, pan, pinch and zoom, and a reset.

Added a guided tour for visitors who would rather be shown than hunt — six seconds a stop, pausable, and it steps aside the moment someone clicks a location themselves.

Result

Every control reachable by keyboard, Escape to dismiss, and a reduced-motion preference that turns the decoration off and starts the tour paused rather than running.

Built with

PowerPoint SVG Vanilla JS

A concept piece. The locations, descriptions and area figures are invented for the deck this was built from — not tourism information. The web version reinterprets the original PowerPoint animation rather than replaying it.

← Back to all work