CASE STUDY
Tria
MY ROLE
Interactive Frontend Engineering
Motion and Scroll Systems
3D and WebGL Integration
Internationalized Product Marketing
CLIENT
Tria (via v21 Studio)
YEAR
2026
TECH STACK
OVERVIEW
Tria needed more than a standard landing page. The product story spanned wallet onboarding, cards, rewards, BestPath, ambassadors, partners, blogs, and broader credibility surfaces for a cross-chain finance product.
I worked across the frontend to build a dynamic multilingual experience with a 3D phone scene, scroll-driven feature storytelling, Spline-powered product modules, a separate overview experience, and supporting blog, FAQ, and partner surfaces.
A big part of the work was making a technically dense product feel cinematic without losing clarity, while adapting the experience across desktop and mobile with different interaction patterns, navigation states, and performance tradeoffs.
WHAT I OWNED
- -Built the core marketing platform across hero, dynamic grid, feature rail, card section, BestPath explainer, ambassadors, FAQ, blogs, overview page, and footer navigation.
- -Integrated a WebGL phone scene with scroll-driven camera movement, texture swaps, animated badges, and background transitions to turn the hero into a product-storytelling surface.
- -Implemented Spline-powered card and BestPath sections with lazy activation, desktop and mobile variants, and scroll-linked state changes instead of static showcases.
- -Added multilingual routing and content support across eight locales, plus section-aware navigation, mobile menu flows, and alternate page experiences for overview and blogs.
KEY OUTCOMES
- -Turned a dense wallet and card product narrative into a more distinctive frontend experience than a conventional crypto marketing site.
- -Connected discovery, education, and trust-building through one coherent platform spanning full-view storytelling, overview content, blogs, FAQ, and community surfaces.
- -Shipped a high-motion, multi-page product experience with reusable patterns for scroll choreography, 3D presentation, localized content, and responsive interaction design.
Hero and Product Introduction
3D Phone Storytelling and Rewards Surfaces
Cards Experience
Dynamic Grid and Slide Storytelling
BestPath Explainer
Ambassadors and Community Layer
Blog Experience
FAQ and Support
Footer and Navigation
Ern
—
Stablecoin-yield product with live analytics and wallet-connected dashboard flows