De Framer a Next.js: construir mi propio portfolio con IA

• ·Portfolio propio, sin dependencia de herramientas de terceros
• ·Sistema de diseño consistente con dark/light mode y bilingüe ES/EN
• ·5 casos de estudio con narrativa y proceso documentado
• ·Deploy en mrvivot.com con arquitectura escalable

01

Decisiones de diseño antes del código

Antes de escribir una línea, definí todo: sistema de colores, tipografía, arquitectura de páginas, referentes visuales, jerarquía de contenido. El desafío central fue reducir la carga cognitiva (decir más con menos). Cada decisión pasó por una validación visual antes de implementarse.

02

Construcción iterativa con Claude Code

Trabajé en ciclos cortos: prompt, componente, validación visual, siguiente paso. Cada prompt fue una decisión de diseño traducida a instrucciones técnicas. Cuando algo no funcionaba, lo revertía antes de seguir. El criterio de diseñador guió cada decisión técnica.

03

Contenido y narrativa

Seleccioné los proyectos con criterio editorial (no todos, solo los que cuentan algo). Escribí el UX copy en español e inglés, armé la estructura de casos de estudio en MDX y definí qué mostrar y qué dejar afuera. El portfolio como producto tiene punto de vista.

04

Decisiones técnicas con criterio de producto

Dark/light mode con default oscuro, bilingüe ES/EN, protección NDA con password, responsive con bottom navigation en mobile, deploy en Vercel con dominio propio. Cada decisión técnica resolvía un problema de experiencia, no de ingeniería.