← Playground

PROTOTYPE3 WEEK BUILDFEB 2026

Portfolio experimentation system

Testing modular layouts, storytelling, and signal design for a product portfolio.

PortfolioDesign System

Overview

This prototype explores how a product portfolio can communicate judgment and outcomes through modular layouts — without collapsing into a generic case-study template.

The problem

Many PM portfolios either bury the work in long essays or flatten everything into identical cards. Neither format helps a hiring manager quickly understand product taste and impact.

Approach

I treated the portfolio as a product: defined content modules, tested hierarchy and motion, and built a small system for swapping narrative patterns while keeping a consistent visual language.

What I built

A modular page system with reusable hero, signal, and evidence blocks; tokenized spacing and type; and layout experiments for work, playground, and notes.

1

Define the modules

2

Compose a page

3

Tune the signals

4

Ship the pattern

What I learned

Key takeaway

A portfolio system works when modules create clarity — not when every page tries to invent a new layout language.

What's next

Add content schemas for new project types and tighten motion rules for reduced-motion and mobile performance.

Tech stack

  • Next.js
  • TypeScript
  • Tailwind
  • Framer Motion
  • Figma

More from the Playground

Prototype

Calmo Cafe — a reservation flow that skips the early SaaS bill

I built a branded site and request-to-confirm booking flow for a friend opening a café in Toronto, both to keep him off OpenTable fees before the room was proven and to learn a real stack end to end.

Experiment

AI-assisted decision log

A lightweight framework for turning rough product thinking into reusable decision records.

Prototype

Joist Trust Sandbox

Voice-to-invoice for contractors — verified when matching is solid, amber review when it isn’t.

← Playground