PinPop — Landmark Explorer mockup

PinPop - Landmark Explorer

Semester: Advanced Media
Role: UX/UI, Product, Front-end Tools: Figma, React, TS
Focus: Storytelling, Personalization

about the project.

PinPop — Landmark Explorer is a web guide that helps people discover Eindhoven’s historical, cultural, and natural landmarks based on their interests. It combines an interactive map, short stories, and community content to make exploration more personal, informative, and fun.

  • Problem: info is scattered; generic apps show the same places to everyone.
  • Goal: clarity + choice via filters (history, nature, architecture) and storytelling.
  • Platform: responsive web app with map pins, routes.

research & defining the problem.

  • Survey: users want clear routes, short texts, and control of content.
  • Interviews: preference-based discovery and simple navigation are key.
  • Competitive analysis: TripAdvisor, Komoot, Google Maps(useful, but generic).
  • Moodboard: visual language for maps, cards, and route storytelling.
  • Audience: tourists seeking more than hotspots; locals hunting hidden gems.
  • Outcome: need for filters, concise stories, accessible wayfinding.

prototyping.

  • Interactive map with filterable categories.
  • Story panels (history + user-submitted content).
  • Preference-based route generator (preview flow).
  • Early UI for moderation and UGC.

This prototype set the base for usability testing and guided implementation decisions.

Figma prototype screens

coding & implementation.

  • Map integration: clickable pins; info card opens on click.
  • Journey generation: 5-question quiz → personalized route starting at user location.
  • Components: reusable structure to scale features.
  • Responsive: works across desktop and mobile.
  • Data: local JSON with coordinates, images, stayTime, fun facts, address.
  • Docs & Git: version-controlled; code explained in readme.

Result: a functional MVP with real interactions, ready for more data and polish.

← Previous project Next Project →