A portfolio web app built from brand strategy up.
Anil Shrestha is a professional with a clear identity and no existing digital presence to match it. The project required building a web application where design guidelines, not component libraries, drove every technical decision.
Branding and design had to lead the engineering, not follow it.
Background
Most portfolio builds start with a framework and add visual polish at the end. Here, the brand and design system were the starting constraint. Every layout, transition, and interaction had to conform to a defined visual language before a line of code was written.
Motion had to feel like identity, not decoration.
No brand system, no visual language, no structure.
A cohesive app where design drives every component.
Laravel + Inertia simplified rendering.
Stack Decision
Laravel with Inertia.js and React removed the full SPA overhead while keeping component-level reactivity. GSAP handled animation timelines with frame-accurate control, Lenis provided smooth native scroll behaviour, and Barba.js managed page transitions so the brand experience carried across routes without full reloads.
Routing Layer
Laravel handled server-side routing and data. Inertia.js bridged backend responses to React components without a separate API, keeping the architecture tight and the codebase manageable for a solo build.
Motion System
GSAP drove all entrance, exit, and scroll-triggered animations tied directly to the design spec. Lenis replaced native scroll with a lerp-smoothed alternative that matched the premium tone the brand required.
Page Transitions
Barba.js intercepted route changes and applied branded transition sequences between pages. This preserved visual continuity and made the application feel like a single designed experience rather than separate pages loading independently.
Design guidelines arrived without a component map.
Translated every visual rule into a reusable React system.
A live, brand-consistent portfolio delivered in three months.
Delivered Solo
The entire project, from brand interpretation to production deployment, was completed by one engineer. No design handoff gaps, no communication overhead, and no compromise between intent and output.
Live Product
stha-anil.com.np is live and production ready. Motion, routing, and layout behave consistently across devices and reflect the original visual identity without deviation.
“I gave Nben a brand direction and a set of design rules. What came back was a site that actually felt like me. The transitions, the spacing, the way it moves, all of it matched what I had in my head before I could describe it clearly.”
Anil Shrestha
Web Developer & Photographer
Anil & Co.
The constraint was the brief, and the brief made the build better.
Project Team
Nben Malla, Full Stack Developer. Solo build, end to end.
