← back to all works
Work2022-2025// Lead Frontend Developer & UI Architect

AssetMantle Website

Evolved AssetMantle's web presence across 6 complete versions — from a static Bootstrap site to a fully immersive, animated flagship experience. Each version reflected the company's shifting direction, motivation, and vision: starting as a simple landing page, growing into a feature-rich product showcase, and eventually becoming a cinematic, animation-driven brand platform with SVG motion, scroll-triggered narratives, and polished micro-interactions.

AssetMantle v3 Thumbnail
6 VersionsStatic → Fully Immersive Evolution
1M+Monthly Views
3 YearsContinuous Iteration
The Challenge

Each redesign wasn't just a visual refresh — it mirrored a pivot in company strategy, brand identity, and market positioning. The challenge was to rebuild the frontend architecture from scratch multiple times while maintaining SEO rankings, brand consistency, and performance at scale (1M+ monthly views). Each version demanded a different technological approach: from Bootstrap to MUI to a fully custom design system with SVG animations.

The Solution

Iteratively rebuilt the site six times across three years. V0 started as a static Bootstrap page. V1 introduced React and MUI. V2 brought in Next.js with Tailwind and the first animated sections. V3-V5 progressively replaced all static elements with SVG animations, scroll-triggered motion, and immersive transitions. V6 delivered a fully cinematic experience — custom design system, rich animation choreography, and performance-tuned rendering — while staying true to the brand through every strategic shift.

Tech Stack
React.jsNext.jsTypeScriptTailwind CSSFramer MotionSCSSBootstrapMUIHero UIi18nextStyled-ComponentsSVG AnimationsGame of Life AnimationPixel Animation3D Scroll Animation
Media Gallery
AssetMantle v0 Static Site
AssetMantle v0 Static Site
AssetMantle v0 Landing
AssetMantle v0 Landing
AssetMantle v0 Content
AssetMantle v0 Content
AssetMantle v1 Redesigned Hero
AssetMantle v1 Redesigned Hero
AssetMantle v1 Product Showcase
AssetMantle v1 Product Showcase
AssetMantle v1 Feature Sections
AssetMantle v1 Feature Sections
AssetMantle v2 Animated Hero
AssetMantle v2 Animated Hero
AssetMantle v2 Brand Sections
AssetMantle v2 Brand Sections
AssetMantle v2 Ecosystem View
AssetMantle v2 Ecosystem View
AssetMantle v2 Metrics & Stats
AssetMantle v2 Metrics & Stats
AssetMantle v2 Ecosystem Animation
AssetMantle v2 Ecosystem Animation
AssetMantle v2 Teams Section
AssetMantle v2 Teams Section
AssetMantle v3 Immersive Hero
AssetMantle v3 Immersive Hero
AssetMantle v3 Feature Deep Dive
AssetMantle v3 Feature Deep Dive
AssetMantle v3 Interactive Sections
AssetMantle v3 Interactive Sections
AssetMantle v3 Cinematic Layout
AssetMantle v3 Cinematic Layout
AssetMantle v3 Animated Transitions
AssetMantle v3 Animated Transitions
AssetMantle v3 Full Experience
AssetMantle v3 Full Experience
AssetMantle v3 Thumbnail Alt
← The Zahira StoreMantleWorks →