Portfolio Web
Esta web cumple dos funciones a la vez: es mi portfolio público y mi biblioteca personal de código. La parte pública muestra proyectos, casos de éxito y artículos técnicos. La parte privada — la biblioteca — es un repositorio vivo de snippets, estructuras y patrones reutilizables al que solo tengo acceso yo.
Todo el sitio es HTML, CSS y JavaScript vanilla, sin frameworks ni generadores estáticos. Está desplegado en Cloudflare Pages con autenticación a nivel de edge para las rutas privadas.
El objetivo del diseño era que la web reflejase dos partes de mí al mismo tiempo: la parte técnica y la parte creativa. Un programador que también diseña. Esa dualidad es lo que quería que se leyese antes de leer una sola línea de contenido.
Investigué cómo estaban construidos los portfolios que más me gustaban, qué información priorizaban y qué sensación transmitían. De ahí salieron las decisiones de tipografía, paleta y estructura de componentes — todo con una intención detrás, nada por defecto.
La estética oscura refleja el entorno natural del programador — terminales, editores — pero el cuidado tipográfico y la composición muestran que hay una sensibilidad de diseño detrás. No es un template.
Fraunces (serif) para títulos con peso visual, IBM Plex Sans para cuerpo de texto, IBM Plex Mono para código, labels y elementos técnicos. Cada uno tiene un rol que no se solapa.
Variables globales, reset, y componentes separados por función — tarjetas de proyecto, layouts de entrada, elementos de la biblioteca. Añadir una página nueva no requiere escribir CSS desde cero.
Antes de diseñar, analicé cómo los mejores portfolios técnicos priorizan la información — qué aparece primero, cómo se presenta el trabajo sin ruido visual innecesario.