Personal Portfolio / 2026
Portfolio V1
Personal Portfolio
Case study
The project at a glance
Overview
Portfolio V1 is the foundation for a premium personal site with a cinematic project carousel and structured case studies.
Problem
A simple resume page would not show the interaction, product thinking, and systems work behind the portfolio.
Solution
Build a scalable Next.js foundation with reusable components, project metadata, and motion-ready sections.
Outcome
The skeleton is ready for visual polish, real imagery, case-study writing, and launch under a custom domain.
Tools used
Stack and proof
Public evidence boundary
Current local Next.js portfolio with interactive carousel and static project pages.
Role
Frontend, interaction design, content architecture
Case study system
What this project proves
Portfolio V1 is the working launch surface for the whole personal domain: a premium homepage, draggable carousel, typed content system, project pages, SEO, and public-safe proof packaging.
Routes
18
Static pages generated in the latest production build
Export
Static
Configured for Cloudflare Pages direct static output
Motion
Embla
Swipeable, draggable, keyboard-friendly project carousel
Launch
Paused
Domain cutover intentionally held until final content is ready
Process
Build path
- 01
Start from the wireframe
The first skeleton preserved the requested profile, recent-project carousel, and about-section structure.
- 02
Build the premium interaction
The carousel moved from rough manual motion into Embla-based snap, drag, click-to-focus, and active-card navigation.
- 03
Add real evidence
Project data now pulls from local D-drive projects, CV material, QA notes, and public-safe screenshots.
- 04
Prepare for launch
Static export, route metadata, sitemap, robots, JSON-LD, and Cloudflare Pages build notes are now in place.
Evidence
Source map
What can be shown publicly, what stays local, and what still needs proof before launch.
Local production build
Public-safeStatic export proves the current portfolio routes can build for Cloudflare Pages.
Responsive QA notes
Local-onlyLocal viewport checks cover carousel drag, active-card click-through, and horizontal overflow.
Launch domain
PendingThe domain is reserved, but public deployment is intentionally paused until final content is ready.
Next
What needs to happen before this is final
- Replace the FB portrait mark with a real public-safe profile photo.
- Confirm exact LinkedIn and social URLs.
- Capture final public screenshots for ControlDeck and UMS when safe.
Visual evidence
Public-safe presentation assets