The Action Bible
Interactive web platform extending a 470,000+ copy publication into immersive digital experiences
I helped build a highly interactive companion platform, integrating narrative, media, and games into a cohesive web experience. At this scale, the work demanded precision in transitions, loading, and cross-device behavior to keep the experience smooth and immersive.
Overview
In collaboration with Hart & Vine, I helped build an interactive platform for The Action Bible, a widely distributed illustrated publication designed for younger audiences.
The goal was to extend the book into a digital experience—allowing readers to access interactive content, games, and deeper story exploration through a cohesive web platform.
This required building a system capable of delivering hundreds of rich, media-driven experiences while maintaining performance and consistency across devices.
Precision Multimedia Integration at Scale
Companion platform to The Action Bible, a globally distributed publication with more than 470,000 copies sold
What Was Built
- Interactive platform: A Next.js application powering 240+ immersive story experiences
- Game integrations: Deep integration with Unity (WebGL) and web-based games
- Media system: Coordinated use of soundscapes, animation, and transitions
- Content platform: Strapi-backed system for managing structured content across teams
- Cross-device experience: Fully responsive system optimized for mobile, tablet, and desktop
Key Contributions
System architecture for large-scale interactive content
The platform required more than 240 distinct experiences, each combining narrative, visuals, and interactivity.
I designed the core architecture to ensure these could be:
- implemented consistently
- managed centrally
- extended without introducing fragmentation
Unity and web game integration
Interactive content was delivered through a mix of Unity games and browser-based experiences.
I built the integration layer to:
- dynamically load Unity WebGL builds
- manage lifecycle and performance
- establish a communication layer between the application and embedded games
This enabled games to behave as part of a cohesive system rather than isolated embeds.
Media coordination and experience polish
A key requirement was delivering a highly polished, immersive experience for younger users.
This involved coordinating:
- soundscapes triggered by user interaction
- smooth transitions between content states
- tight alignment between design and implementation
The system needed to feel cohesive despite the diversity of underlying technologies.
Content system for non-technical teams
Multiple teams contributed content across the 240 experiences.
I helped design the Strapi data model and CMS structure to allow:
- non-technical editors to manage content
- consistent structure across experiences
- flexibility without breaking presentation logic
Engineering Approach
- Next.js + TypeScript architecture for performance and maintainability
- GraphQL + Strapi for structured, flexible content delivery
- Dynamic loading strategies to manage heavy media and game assets
- Responsive-first design for tablets and mobile devices used by children
Performance and responsiveness were critical, particularly on lower-powered devices.
Role
- Defined the core frontend architecture
- Established patterns used across the codebase
- Built key systems for media, games, and content integration
- Collaborated closely with design, content, and Unity development teams
While not formally the technical lead, I operated as the architectural anchor for the system.
Result
A cohesive interactive platform delivering 240+ media-rich experiences, extending a widely distributed publication into a performant, cross-device digital system