Product Perspective
Case Study

My Portfolio Website

Design a personal portfolio website that communicates expertise in product thought process, UX, Designing and through clear narrative, interaction, and structure.

Duration: 2 Weeks    Tools: Figma, Adobe Photoshop
The Requirement

Craft a portfolio that reflects not just what I’ve built — but how I think.

  • Communicate my hybrid expertise across product management, immersive technology, UX storytelling, and 3D development
  • Showcase diverse case studies with end-to-end ownership
  • Demonstrate hybrid strengths across UX, product strategy, and execution
  • Make the experience intuitive, professional, and easy to update
  • Balance creativity with structure for clarity and impact
  • Feel immersive and interactive without sacrificing performance or usability
The Solution

A Modular, Strategic Portfolio That Tells a Product Story

I approached my portfolio as a real-world product — structuring it to reflect product thinking, highlight immersive innovations, and guide users through my approach. The solution was a clean, modular website with intuitive navigation, clear narrative paths, and flexible layouts for case studies. Each section was designed to show not only what I’ve done, but how and why I made those decisions — from product strategy to 3D development and storytelling. I balanced interactivity with simplicity, ensuring the experience feels thoughtful, professional, and tailored for different types of visitors — hiring managers, collaborators, and potential clients alike.

Thought Process

Translating Skills into a Scannable, Strategic Experience

Before jumping into visuals or layout, I treated this project like any product I would manage — beginning with user goals, success metrics, and content strategy. I reverse-engineered what hiring managers, potential clients, and creative collaborators might want to see, feel, and understand within the first 30 seconds. I mapped this against my personal brand pillars: product thinking, immersive tech, 3D expertise, and storytelling. From there, I defined content flows, prioritized case study structure, and ensured every element served both clarity and impact.

The Process
why
what
Strategy
outcome
Understanding the Why

Designing for Hiring Managers, Collaborators & Clients

  • Compared multiple portfolio websites across PM, UX, and hybrid roles
  • Identified gaps in storytelling, structure, and decision-making in others’ sites
  • Realized many portfolios lacked how and why decisions were made — not just what
  • Analyzed tha, viewers want to scan quickly but dive deep if interested. Narrative matters as much as visuals.
Clarifying the What

Structuring the Content Around Product Impact

  • Created personas: hiring manager, design peer, and product founder
  • Defined core content pillars: About, Case Studies, Product Thinking, Contact
  • Chose storytelling frameworks to mirror product life cycles (problem → solution → outcome)
  • Prioritized mobile responsiveness, speed, and modular CMS-friendly design
Bringing It to Life

Aligning Visual Identity with Product Thinking

  • Created moodboards to reflect clean, confident, and modern design
  • Designed high-fidelity mockups and responsive layouts
  • Developed in Webflow (or your platform) for fast iteration
  • Used icons, color accents, and microcopy to guide users through content
Outcomes

Summary of What I Delivered

  • A portfolio that clearly communicates what I’ve built and how I think
  • Demonstrated ability to take a user-centric, iterative approach — even to personal branding
  • Created reusable components to easily add/edit future projects
  • Product thinking and strategic framing
  • User research and persona definition
  • Content prioritization and UX writing
  • Design system creation and modular layout planning
  • Feedback loops and iterative refinement
  • Ownership from idea to deployment
outcome_full