This document outlines the features and constraints of the MVP version (v1.0) of the portfolio-as-a-product website. The goal is to build and launch a public-facing, mobile-responsive site that balances core functionality with speed of delivery.
This scope is based on your product strategy and designed to create early value for recruiters, hiring managers, and peers browsing your profile.
| Goal | Description |
|---|---|
| Visibility | Make case studies and resume easily accessible for internship/job applications |
| Process Depth | Showcase product thinking via dedicated documentation, roadmap, and changelog |
| Content Focus | Prioritize clarity, storytelling, and navigation of 2 core case studies |
| Design Simplicity | Clean layout, readable typography, responsive UX |
| Low-code Execution | Site must be fully buildable via v0.dev and deployed to Vercel with no custom backend |
| Feature Group | Feature | Description | Priority |
|---|---|---|---|
| Hero Section | Headline + Subtitle | PM tagline with mission statement | Must-have |
| CTA Buttons | “View Case Studies” and “Let’s Talk Product” | Must-have | |
| Case Study Library | Project Cards (2 Live) | StudyBuddy and BudgetPal cards with image, 2-line description, link | Must-have |
| Placeholder Card (Coming Soon) | Third project with "Coming Soon" tag | Nice-to-have | |
| Case Study Pages | Dedicated Page (x2) | Full writeup, flowcharts, PRD links, metrics, etc. | Must-have |
| PRD / Artifact Links | Notion link to docs (personas, flows, dashboards) | Must-have | |
| Blog Redirect | Medium Redirect | “Teardowns & Logs” blog cards that redirect to Medium posts | Must-have |
| About Me | Bio + Resume | Brief intro, education, resume download button, LinkedIn | Must-have |
| Toolkit Section | Stack Showcase | Icons + description (Figma, Notion, Productboard, etc.) | Must-have |
| "Portfolio as a Product" Tab | Docs Nav Tab | Tab in menu linking to Changelog, Roadmap (Productboard), Planning Docs | Must-have |
| Changelog Page | Markdown-style or static Notion embed | Must-have | |
| Roadmap Link | Link or iframe of Productboard roadmap | Must-have | |
| Contact Section | Email + LinkedIn + (optional) form | Simple contact options, mobile-first design | Must-have |
| Footer | Build Stats | "2 Products Built · 100+ Hours · PM Simulated" | Nice-to-have |
| Feature | Reason |
|---|---|
| CMS Integration | Not needed in MVP; v0.dev doesn't support it natively |
| Third Case Study | Will be added post-MVP launch |
| Real Analytics | Simulated for now using Looker; real tools added later |
| Blog Hosting Internally | Redirecting to Medium instead for ease and SEO value |
| Contact Form Backend | Optional – may use form redirect or placeholder for now |