The Problem
Monson Sunny — a senior UI/UX designer with 4 years of experience across Caxita Tech Solutions and Jay4Web specializing in Figma, design systems, wireframing, and AI-assisted UX workflows — needed a bespoke digital portfolio that matched the precision, craft, and fluid micro-interactions of his design work.
The Solution
Designed and engineered a flagship portfolio web application at monson-sunny.vercel.app with Next.js, React, TypeScript, and Tailwind CSS. Integrated Lenis momentum scrolling, interactive HTML5 canvas cursor particle physics, magnetic action buttons, and responsive case study grids tailored for mobile and desktop screens.
Research
Design director and creative agency reviews require instant visual proof of craft. We audited portfolio interactions to ensure fluid 60 FPS transitions, clear typography hierarchy, and developer-ready design system demonstrations.
Design
Atmospheric obsidian theme (#070708) with electric purple and magenta aurora glows (#a855f7, #7c3aed), refined typography (Inter, Inter Tight, Great Vibes script accents), interactive mockups, and client testimonial cards.
Development
Built with Next.js App Router, Framer Motion scrubbed scroll transforms, an optimized canvas cursor trail that deactivates on low-power devices, and structured metadata for search and social sharing.
Challenges
Maintaining 60 FPS rendering while orchestrating complex backdrop-filter glassmorphism, multi-layer blur filters, and continuous canvas particles without triggering touch trapping or mobile gesture lag.
Outcome
Launched at monson-sunny.vercel.app with stellar reception, driving client bookings on Contra, Behance inquiries, and inbound design contracts.
Lessons
When building for top-tier UI/UX designers, the engineering must match the design fidelity. Micro-interactions and fluid physics elevate a portfolio from a resume into a working demonstration of design excellence.
SpendWay
Offline-first Android budget app turning salary into an honest daily spending limit with zero bank logins and complete privacy.
NEXT PROJECT →Navaneeth C L Portfolio
Product portfolio & brand platform for Associate Product Manager Navaneeth C L, with interactive case studies and Supabase CMS.