Portfolio web with Cursor
- Personal project — 2026
- Design systems — Full-stack portfolio
- Designer & developer
A production portfolio where narrative, craft, and technical decisions stay in one loop, from Figma-level hierarchy to serverless endpoints.
Overview
I designed and built this portfolio end-to-end in Cursor: information architecture, UI systems, and copy, through a production React stack (Vite, TypeScript) and lightweight serverless endpoints where needed (for example gated downloads).
Accessibility was treated as a product requirement, not a checklist at the end: semantic structure and landmarks, skip navigation, visible focus, meaningful link and button labels, external-link affordances, and patterns that hold up with keyboard and screen readers. SEO work included unique titles and meta descriptions per public route, JSON-LD (Person, WebSite, Organization, breadcrumbs), sitemap and robots aligned with what we actually ship, plus indexable public case previews alongside password-protected full studies.
Along the way I ran structured passes on UX copy, navigation clarity, forms and CTAs, motion usage, and performance basics (lazy media, sensible bundles, edge-friendly hosting). The stack stays deliberately mainstream (React Router, component-scoped CSS, Lucide icons, Git-based releases), so the site stays fast to load and cheap to evolve.
Project achievements
Signals baked into the product surface, not bolted on afterward.
- Unique metaPublic SEO surface
- 4 typesStructured data
- Patterns + focusAccessibility