Case Study

TMU Social Map

TMU Social Map screenshot

A social map experience for Toronto Metropolitan University: browse locations and start sessions from the map UI.

Next.jsMapsUI/UX

Highlights

  • Interactive campus map experience with a clean UI
  • Quick filtering + selection flow for locations
  • Session-start UX designed for speed

Case Study

Goal: make a map-first social experience feel fast, readable, and “obvious” within seconds.

  • Designed the flow so users can pick a spot and start a session without hunting through menus
  • Kept UI layers minimal so the map stays the star
  • Focused on responsive layout so it remains usable on smaller screens