0%
Ommetje met Tom - Interactive PWA

Status

completed

Client

Authors of 'Kijk omhoog, Amsterdam!'

Duration

8 months

Overview

Interactive walking-guide PWA that transforms a physical book into a location-based digital experience with curated routes, multimedia stories, and offline access.

Ommetje met Tom digitizes the book “Kijk omhoog, Amsterdam!” into an immersive Progressive Web App. Users explore carefully curated walking routes enriched with historical context, photography, audio, and map-based navigation. The platform combines a performant PWA frontend with a powerful backoffice for route management, translations, analytics, and monetization. Offline access, QR-based location validation, and multiple access models (day passes and subscriptions) make the experience reliable for both tourists and locals. The system is architected to scale content, users, and routes without sacrificing performance.

Gallery

Ommetje met Tom - Interactive PWA - Image 1
Ommetje met Tom - Interactive PWA - Image 2
Ommetje met Tom - Interactive PWA - Image 3
Ommetje met Tom - Interactive PWA - Image 4
Ommetje met Tom - Interactive PWA - Image 5

Technologies Used

ReactTypeScriptPreactTailwindCSSZustandWouterFramer MotionSupabaseGoogle Maps APIWebflow APIPWA

Key Features

Interactive walking routes with maps
Offline PWA functionality
Multilingual content and translations
Day pass and subscription access models
Backoffice for route and content management
Visitor analytics and engagement tracking
!

Challenges

  • Synchronizing CMS content with application data, ensuring reliable offline access, managing complex route generation, and optimizing performance for mobile devices.

Solutions

  • Built a hybrid content architecture with caching and service workers, optimized route generation to reduce API costs, and implemented modular translations with fallback mechanisms.

Have a project in mind?

We'd love to hear about what you're building.