Portfolio web con Cursor
- Proyecto personal — 2026
- Design systems — portfolio full-stack
- Diseñador y desarrollador
Un portfolio en producción donde narrativa, craft y decisiones técnicas viven en el mismo bucle, de la jerarquía visual a endpoints serverless.
Visión general
Diseñé y construí este portfolio de punta a punta en Cursor: arquitectura de información, sistemas de UI y copy, sobre un stack React productivo (Vite, TypeScript) y endpoints serverless ligeros cuando hacía falta (por ejemplo, descargas bajo llave).
La accesibilidad fue requisito de producto, no checklist final: estructura semántica y landmarks, skip link, foco visible, etiquetas significativas, affordances de enlaces externos y patrones que aguantan teclado y lectores. El SEO incluye títulos y meta por ruta, JSON-LD (Person, WebSite, Organization, breadcrumbs), sitemap y robots alineados con lo que realmente se publica, más previews indexables junto a estudios completos bajo contraseña.
Pasadas estructuradas sobre copy de UX, claridad de navegación, formularios y CTAs, uso de motion y bases de rendimiento (media diferida, bundles razonables, hosting edge-friendly). El stack es deliberadamente mainstream (React Router, CSS por componente, Lucide, releases con Git) para que cargue rápido y evolucione barato.
Logros del proyecto
Señales integradas en la superficie del producto, no añadidas al final.
- Meta únicaSuperficie SEO pública
- 4 tiposDatos estructurados
- Patrones + focoAccesibilidad