Talitrix.
The Standard for Modern Supervision.
Summary
Talitrix needed a marketing presence that reflected the sophistication of their product—the Talitrix ONE ecosystem, a unified platform pairing wearable hardware (the All-In-One Band) with behavioral intelligence software for the justice system. We designed and built a cinematic, Apple-style product reveal experience. The 'Ember in the Vault' design direction pairs a hushed, theatrical 3D scroll sequence with a high-performance Next.js foundation, establishing Talitrix as the premium standard in modern supervision technology.
Tech Stack
- Next.js
- React
- Tailwind CSS
- GSAP (ScrollTrigger)
- Lenis Smooth Scroll
- Vercel
Length of Project
6 weeks from concept to launch.
Focus Areas
- Product & UX Design
- 3D Scroll Storytelling
- Motion & Micro-interactions
- High-Performance Web Engineering
- Marketing Site Architecture
Engagement
Creative direction, web design, frontend engineering, and launch.
Built for Impact
Cinematic Hardware Reveal
The 'Ember in the Vault' aesthetic uses deep vault-black backgrounds broken by volumetric tungsten orange glows. The All-In-One Band hardware is the hero, revealed through a 90-frame 3D sequence pinned to the viewport. As users scroll, the band rotates and transitions through key features, creating a hushed, theatrical product launch experience.
Smooth Scroll & Motion
We implemented Lenis smooth scrolling (lerp 0.05) combined with GSAP ScrollTrigger to create a trance-like inertia. The motion is deliberate: the watch rotates only on scroll, while UI cards float in with subtle parallax differentials, ensuring the user feels like an audience member at a premium keynote.
Dignity by Design
The narrative highlights the All-In-One Band's proximity-based tamper detection and biometric sensors. We designed bespoke UI mockups—floating App Cards for Talitrix ONE modules like ONE Jail Management System and Talitrix Score—that sit above the hardware canvas, demonstrating the seamless flow of data from the wrist to the dashboard.
Intelligence with Purpose
The Talitrix Score is visualized through an animated, data-driven dial component that builds on scroll. It reinforces the shift from reactive supervision to proactive intervention, turning behavioral data into actionable intelligence.
Key stats
90-Frame 3D Sequence
A seamless, scrubbable 3D hardware reveal tied to scroll position.
60fps Performance
Optimized canvas rendering and hardware-accelerated animations.
Unified Ecosystem
One cohesive narrative connecting the All-In-One Band hardware with the Talitrix ONE software modules — ONE Pre-Trial, ONE Jail Management System, and ONE Probation.
How it works
The build.
Canvas Architecture
A single <canvas> element is pinned to the viewport across four distinct scenes. We pre-load the 90 NLE-rendered frames and use requestAnimationFrame to draw the exact frame corresponding to the user's scroll progress.
Scroll Synchronization
GSAP ScrollTrigger scrubs the frame index, while Lenis smooths the native scroll events. This prevents jank and ensures the hardware rotation feels physically connected to the user's mouse wheel or trackpad.
Layered Storytelling
Foreground content—copy, annotations, and UI cards—sits in normal flow over the sticky canvas. Each text block is pinned for its own slice of scroll, allowing the story to unfold step-by-step without cluttering the stage.
Next project
Blue Standard
