10 / WEB PERSONAL · DISEÑO INTERACTIVO
Un portfolio. Tres perspectivas.
La web que estás explorando: un portfolio bilingüe con tres identidades visuales intercambiables. Una misma colección de proyectos, contada desde una composición técnica, una editorial y una geométrica.
Dirección, desarrollo y contenido
Octubre de 2026
Proyecto en evolución
HTML · CSS · JavaScript · Node.js
Dar protagonismo a los proyectos y la experiencia, manteniendo una identidad dinámica y una navegación clara en escritorio y móvil. Además, permitir que cada visitante cambie de estilo e idioma sin perder la página o sección que está consultando.
La web se genera a partir de contenidos compartidos en HTML, CSS y JavaScript, con Node.js durante la construcción. Las tres composiciones comparten estructura y datos, mientras que cada idioma tiene sus propias URLs, textos y metadatos. Los selectores conservan las preferencias al navegar.
Un portfolio completo en español e inglés con diez casos de estudio, filtros por especialidad, galerías accesibles y CV en ambos idiomas. Incluye imágenes WebP responsivas, carga diferida, navegación con teclado y respeto por la preferencia de movimiento reducido.
La personalidad visual funciona mejor cuando ayuda a descubrir el trabajo y entender sus decisiones.
Un generador en Node.js combina fichas, trayectoria y traducciones para producir HTML estático. Cada proyecto tiene una URL en español y otra en inglés, con su propio título, descripción y datos estructurados. El contenido principal se entrega en el documento; JavaScript añade filtros, preferencias y galerías.
Las composiciones Ingeniería, Editorial y Geometría comparten los datos, pero modifican colores, tipografía, formas y distribución mediante CSS. La preferencia visual se conserva al navegar. El cambio de idioma enlaza la página equivalente y mantiene la sección, para que la exploración tenga continuidad.
Las imágenes incluyen dimensiones explícitas y variantes WebP adaptadas a la pantalla. Las galerías admiten teclado, el movimiento respeta las preferencias del visitante y los vídeos se solicitan al abrirlos. Las comprobaciones de construcción revisan rutas, idiomas, recursos y metadatos antes de preparar la publicación.
Una forma de acercarte al proyecto a través de sus pantallas, su material y, cuando está disponible, su código.
DE CERCA
Abre cualquier imagen para explorar la galería.
LAS PERSONAS DETRÁS
Proyecto personal · dirección y contenido
SIGUIENTE PROYECTO / 01