CASE STUDY // Frontend · Interactive UI
GrowlaticsInteractive Website
Premium interactive website demonstrating advanced frontend, animation, and 3D web capability.
- Role
- Designed and built the full frontend: interactive systems, animation, and 3D visual elements.
- Context
- Personal frontend project.
- System Type
- Interactive Frontend / 3D Web Application
- Status
- Documented
- Priority
- Primary
- Stack
- Next.js · React · TypeScript · Tailwind CSS · Framer Motion · Three.js · React Three Fiber
Problem
Needed a concrete proof point for frontend, animation, and 3D-web capability beyond backend-focused projects.
Context
Personal frontend project.
Role & Ownership
Designed and built the full frontend: interactive systems, animation, and 3D visual elements.
SCOPE CLARIFICATION
This case study focuses on frontend interaction design, visual systems, and 3D/animated web experience work. There are no backend, CRM, analytics, or SaaS platform claims — the project is a frontend proof-of-capability built to demonstrate animation, WebGL, and interactive UI technique.SYSTEM DESIGN
Architecture
A Next.js/React/TypeScript application styled with Tailwind CSS, using Framer Motion for interaction and transitions and Three.js/React Three Fiber for 3D visual elements, with a custom cursor and light/dark mode.
SCOPE NOTE
Frontend-focused build; no backend claims are made for this project.
KEY CAPABILITIES
What it does
Custom cursor
Light/dark mode
Interactive visual systems and animated transitions
TECHNICAL STACK
Technologies used
CAPABILITY PROOF
What this proves
Direct proof that Musa can build the same class of animation-heavy, WebGL-driven frontend used in the Moses Portfolio itself.
RELATED CASE STUDY
Infra Labs
Cloud-Native Infrastructure Labs
CAPABILITY LAYER
Want to see how this maps to the broader system?
Each case study connects to a capability domain. The full map shows how everything fits together.