Skip to main content
Case Study · 2026No Public Link Yet

This Portfolio

UI/UX Designer & Frontend Developer

  • Figma
  • Next.js
  • Shadcn/ui
  • Tailwind CSS
  • TypeScript
01
Problem

Needed a personal portfolio that reflects design taste, technical capability, and evolving professional direction.

02
Process

Designed the visual system and page structure from scratch, then built the frontend with reusable components for continuous iteration.

03
Solution

This portfolio was designed and built by me and is being continuously improved through full UI and frontend updates.

Contribution Details

Design direction

UI/UX Detail

Defined user flows, page hierarchy, and visual structure to keep the experience clear, usable, and conversion-aware.

  • Clear hierarchy
  • Conversion-aware flows
  • Consistent design language

Implementation execution

Frontend Detail

Implemented responsive UI with reusable components and accessible interaction patterns for consistent delivery.

  • Responsive layouts
  • Reusable components
  • Accessible interactions

Outcome Metrics

Measured signals from the delivered work.

  • 1

    Fully custom personal brand experience

  • 2

    Component-based structure for fast design iteration

  • 3

    Clear communication of projects, services, and experience

Tech Stack

  • Figma
  • Next.js
  • Shadcn/ui
  • Tailwind CSS
  • TypeScript

Project Gallery

This Portfolio screenshot 1
This Portfolio screenshot 2