Back to all projects

Personal Portfolio Platform (This Website)

Software
Personal

Impact

  • Rebuilt personal portfolio as a first-class product surface rather than a static marketing site.
  • Designed a pseudo-random, masonry-style project grid that adapts dynamically to content, filters, and screen size.
  • Implemented category + tag-based filtering with URL-driven state for shareability and deep linking.
  • Built a custom media gallery supporting images and video with lightbox, zoom, pan, keyboard navigation, and accessibility compliance.
  • Solved real-world UX challenges including scroll-position restoration, filter persistence, and responsive interaction patterns.
  • Established a flexible content model that supports ongoing iteration without redesigning the system.
  • Replaced Squarespace with a self-hosted, version-controlled platform deployed via Vercel.

Tags

Product Thinking
0→1
Systems Design
Frontend
Personal

Project Overview

Designed and built this custom personal portfolio platform to replace a static, outdated Squarespace site. Wanted to build a flexible, product-driven system that reflects how I actually work, while also providing an opportunity to showcase some of the non-product things I work on. The goal was not just to showcase past projects, but to create a living product surface that supports exploration, filtering, deep case studies, and ongoing iteration. The site was treated as a 0→1 product: defining information architecture, interaction patterns, and technical foundations that balance performance, clarity, and extensibility.

Details

Role
Product Designer + Engineer
Timeframe
November 2025
Tools
Next.js (App Router)
React
TypeScript
Tailwind CSS
Framer Motion
Radix UI
Vercel
Figma
GitHub

Links