RBT.STUDIO — El portfolio como declaración de intenciones

Cuando el producto eres tú mismo · Portfolio · Identidad digital · Creative Dev

Cliente

Producto propio — rbt-studio.com

Rol

Diseño, desarrollo y dirección de arte

Periodo

En curso

Stack

React, Vite, Canvas API, GSAP, Generative art, Tailwind

Un portfolio no es un CV con CSS. Es el argumento más completo que puedes hacer sobre quién eres como profesional. El rbt.studio fue diseñado desde el fondo de las artes visuales — un background de Bellas Artes que informa cada decisión técnica. Particle field en el hero, canvas Lissajous generativo, paleta dark con acentos en oro y sage. El código es el diseño.

El problema: Posicionarse en la intersección de AI engineer y creative dev

Un portfolio estándar de developer no comunica la dimensión creativa. Un portfolio de diseñador no comunica la profundidad técnica. El perfil de Ricard vive exactamente en esa intersección — y el portfolio tiene que demostrarlo sin explicarlo. Si tienes que explicar que eres creativo, ya has perdido.

capas del sistema visual: Identidad — dark / teal / cream → DM Sans + JetBrains Mono → Particle field hero — Canvas 2D → Lissajous canvas — paramétrico → Casos de trabajo — grid editorial → Stack (AI · Frontend · Systems)

Solución: El propio código como pieza de portfolio

El generative canvas no es decoración — es la primera prueba de que el autor entiende sistemas visuales complejos. La particle field del hero responde al cursor con física de atracción. El canvas Lissajous dibuja figuras de Bowditch en tiempo real. Un recruiter técnico lo abre en DevTools y ve el código. Un recruiter de diseño ve el resultado.

Decisiones de producto

• mi rol: Diseño de identidad · Frontend · Generative art · Motion
• contexto: 10+ años de experiencia full stack. Background en Bellas Artes (Universitat de Barcelona). El portfolio tiene que mostrar los dos mundos a la vez — técnico y creativo.
• decisión estética clave: Paleta dark/cream con teal como acento primario. Sin colores de marca genéricos. Tipografía DM Sans para display — sans que cruza lo editorial con lo técnico.
• diferenciador técnico: Canvas Lissajous generativo — figura paramétrica que varía en tiempo real. Particle field en el hero con física de atracción. Todo renderizado en Canvas 2D sin librerías externas.

Resultados

• 10+ — años de experiencia condensados en una sola página
• 0 — librerías externas para los efectos generativos
• 2 — perfiles en uno — AI engineer y creative technologist

"Technical depth from 10+ years of full stack engineering. Creative precision from a fine arts background. The intersection is where I work."

Qué se aprendió

1. El portfolio es el argumento, no el resumen. No lista proyectos — demuestra un punto de vista. La particle field no es decoración, es la primera frase del argumento: este developer entiende sistemas visuales en tiempo real.
2. Canvas 2D sin dependencias externas es una decisión deliberada. Three.js habría sido más rápido. La elección de implementar la física de partículas y las curvas de Lissajous desde cero demuestra comprensión matemática del sistema.
3. La paleta dark/cream comunica antes de que se lea una palabra. Los portfolios de developers suelen ser blancos con azul. El contraste de este sistema visual señala desde el primer segundo que el autor tiene criterio estético propio.