Mapinger
Interactive Wayfinding System
Turning complex indoor spaces into seamlessly navigable digital experiences with SVG-based wayfinding
Understanding
the Problem
Large facilities like malls, hospitals, and university campuses are notoriously difficult to navigate. Visitors get lost, miss appointments, and waste time. Mapinger needed a web-based wayfinding system that could render interactive SVG floor plans, calculate routes across multiple floors and building blocks, and handle accessibility requirements like elevator routing — all without native app installation.
Architectural Execution
Designed a hierarchical data model for buildings, floors, and blocks with full CRUD operations, allowing facility managers to map their spaces through an intuitive admin panel
Built a custom SVG-based routing engine that calculates optimal paths across multiple floors, with intelligent elevator and staircase detection for accessibility
Implemented advanced door/exit detection algorithms to prevent overlapping paths across complex architectural shapes and concave floor plans
Developed turn-by-turn navigation guidance with responsive SVG map alignment that adapts from mobile to large-screen kiosk displays
Created an analytics dashboard with charts showing popular routes, peak usage times, and visitor flow patterns to help facility managers optimize signage
Built event campaign modules that allow admins to overlay promotional content and wayfinding for special events, conferences, and seasonal campaigns
Production Interfaces
Real-world production screens and core user journeys architected and shipped for Mapinger.
Interactive Vector Floor Plan Engine
Responsive SVG-based indoor mapping engine with multi-building coordinates, dynamic room highlights, and precise turn-by-turn guidance.
Impact Delivered
Core Engineering Stack
React & TypeScript
Component architecture & state machine
Babylon.js & WebGL
3D campus & multi-block visualization
SVG / D3.js
Vector floor plan routing engine
Node.js
Routing algorithm backend
MongoDB
Spatial coordinate data storage
TailwindCSS
Responsive admin panel & kiosk UI