Problem

Create a performant, personal-brand focused portfolio with smooth UX and strong SEO, while keeping maintenance simple.

Process

• Designed information architecture and one-page flow with clear sections and skip links for accessibility.
• Implemented Next.js App Router with static generation, optimized images, and Tailwind for utility-first styling.
• Built micro-interactions using Framer Motion and added smooth scrolling via Lenis.
• Defined consistent gradient/brand tokens and dark UI with glassy accents.

Results

• Clear brand expression with consistent gradient language and dark theme.
• Responsive layout across devices with accessible navigation.

Learnings

• Balancing micro-interactions with motion-reduce for accessibility.
• Keeping content modular to scale with case study pages.