Mulyantaran
A fast, modern, and visually polished Web3-enabled legal technology website designed for high engagement and smooth interactive experience.
View Live SiteProject Overview
Mulyantaran is an AI-powered legal-tech and Web3-backed identity platform. The website was redesigned to be minimal, fast, and emotionally expressive—while maintaining premium typography, smooth interactions, and a cinematic reveal style. Built with performance-first architecture and small JS footprint.
Project Objective
To build a lightweight, Web3-aligned digital presence with elegant motion, responsive layout, fluid page transitions, and fast load time using animation technologies like GSAP, Framer Motion and smooth physics scrolling via Lenis.
Project Details
Client
Mulyantaran
Year
2025
Duration
10 days
Domain
Legal-Tech / Web3
Color Theme
primary
#0052E0
secondary
#00C2FF
accent
#111111
background
#FFFFFF
text
#4A4A4A
Technologies Used
frontend
Next.js
Tailwind CSS
GSAP
Framer Motion
Three.jsbackend
Web3 / Wallet Integrationtools
LenisProject Showcase
Key Features
Web3-enabled identity and secure component integration
Smooth Lenis-powered physics scroll
GSAP animation sequencing with scroll triggers
Framer Motion page transitions
Three.js lightweight 3D visual effects
Mobile-first, responsive UX
High accessibility and SEO optimized
Project Results
Mulyantaran now has a modern, emotional, fast and animation-rich website that performs smoothly across devices and represents the brand's innovation.
FCP (First Contentful Paint)
Critical CSS extraction + static optimization ensured fast first paint on mobile and desktop.
Scroll Performance
Lenis + GSAP combination delivered buttery smooth scroll with natural physics.
Animation Stability
Optimized animation layers using Framer Motion + GSAP to maintain silky 60fps motion.
3D Size
Three.js models compressed and lazy-loaded, keeping performance lightweight.
Our Process
Discovery & Research
We dive deep into your brand, audience, and goals to build a strategic foundation for the project.
Prototyping & UX
Mapping out user journeys and creating interactive wireframes to define the structure and flow.
Visual Design (UI)
Crafting a stunning, brand-aligned visual identity that ensures a delightful user experience.
Development
Bringing the designs to life with clean, efficient, and scalable code using modern technologies.
Testing & QA
Rigorously testing across devices and browsers to ensure a flawless, bug-free launch.
Launch & Deploy
Deploying the project to the world and ensuring a smooth transition to a live environment.
Iterate & Grow
Analyzing performance data and user feedback to continuously improve and evolve the product.
"The website looks elite. The animation work is beautiful, smooth, and lightweight — users love scrolling and interacting with it."
Founder, Mulyantaran
CEO at Mulyantaran
Related Projects
Vardhman
In an industry that thrives on changing trends, agility and flexibility are vital contributors to success. Only those who can outpace stand a chance to out-grow.
Dodhia Group
A future-forward redesign for a global textile and chemical powerhouse driving innovation and sustainability.
Full‑Bore
Dashboard design for Full‑Bore’s consulting arm that supports smart manufacturing and digital transformation insight delivery.