1× Mar Nikkei
Starten →Serviert →~/camilo · Hamburg
Diseño marcas, productos y el software que hay detrás.
Más de 8 años diseñando marca, producto y campañas — y ahora mis propias apps web, de la interfaz al servidor.

01 — Diseñador y desarrollador · Hamburg
02 — Diseño de balonesTrade Con GmbH · 2025Creado en Trade Con GmbH.
03 — App web · diseñada, programada y alojada por mí
Dirección con IA · Storytelling
The Bridge.
Producción cinematográfica apoyada en IA — planificación narrativa, continuidad de escena y control editorial humano.
Caso 01 · Diseño + desarrollo · ● En vivo
Yakupedir desde la mesa.
Un código QR en cada mesa, una carta que vende con fotografía y una pantalla de cocina que se actualiza en tiempo real. Para un restaurante peruano-mexicano en Hamburgo — diseñado, desarrollado y alojado por mí.
- Rol
- Diseño de producto · Front-end · Back-end
- Stack
- React · Supabase Realtime · Postgres RLS
- Alcance
- App para clientes · Pantalla de cocina · Sistema QR
01 Escanear el QR de la mesa · ver la carta
02 Abrir un plato
03 Añadirlo al pedido
04 Enviarlo a la cocina
05 La cocina lo recibe — en vivo
06 El estado se actualiza en el móvil
Un código QR en cada mesa, una carta que vende con fotografía y una pantalla de cocina que se actualiza en tiempo real. Para un restaurante peruano-mexicano en Hamburgo — diseñado, desarrollado y alojado por mí.
- Rol
- Diseño de producto · Front-end · Back-end
- Stack
- React · Supabase Realtime · Postgres RLS
- Alcance
- App para clientes · Pantalla de cocina · Sistema QR
Caso 02 · Diseño + desarrollo · ● En vivo
Chat en tiempo realUna conversación, construida en tiempo real.
Una aplicación web centrada en lo que ocurre detrás de una interacción aparentemente simple: dos personas, una conversación, sincronizadas al instante.
Diseñé y desarrollé la experiencia completa — interfaz, mensajería en tiempo real, presencia, reglas de la base de datos y despliegue — convirtiendo una interacción conocida en un producto completo que funciona de principio a fin.
- Rol
- Diseño de producto · Front-end · Back-end
- Stack
- React · Supabase Realtime · Postgres RLS
- Alcance
- Mensajería · Presencia · Datos · Despliegue
01 Un invitado está escribiendo
02 Los mensajes llegan al instante
03 Presencia: quién escribe, quién está conectado
04 Escribir · enviar · entregado a todos
Una aplicación web centrada en lo que ocurre detrás de una interacción aparentemente simple: dos personas, una conversación, sincronizadas al instante.
Diseñé y desarrollé la experiencia completa — interfaz, mensajería en tiempo real, presencia, reglas de la base de datos y despliegue — convirtiendo una interacción conocida en un producto completo que funciona de principio a fin.
- Rol
- Diseño de producto · Front-end · Back-end
- Stack
- React · Supabase Realtime · Postgres RLS
- Alcance
- Mensajería · Presencia · Datos · Despliegue
Caso 03 · Diseño + desarrollo · ● En vivo
Seguro por defectoAcceso, datos y archivos — protegidos en cada paso.
En cualquier app, lo más valioso son los datos que hay detrás. Este espacio muestra cómo los protejo: cada acceso se verifica, cada registro está protegido por reglas dentro de la propia base de datos y cada archivo subido se trata según la ley europea de protección de datos.
Diseñé y desarrollé el sistema completo — acceso verificado, base de datos protegida, almacenamiento privado de archivos, roles de usuario y borrado de cuenta — alojado en mi propio servidor en Alemania.
- Rol
- Diseño de producto · Front-end · Back-end
- Stack
- React · Supabase Auth · Storage · Postgres RLS
- Alcance
- Acceso seguro · Base de datos protegida · Archivos conformes a la DSGVO
01 Acceso verificado
02 Código de un solo uso — válido una vez, durante minutos
03 Solo tú ves tus archivos
04 Guardados en Alemania, bajo la DSGVO
05 Los enlaces compartidos caducan solos
En cualquier app, lo más valioso son los datos que hay detrás. Este espacio muestra cómo los protejo: cada acceso se verifica, cada registro está protegido por reglas dentro de la propia base de datos y cada archivo subido se trata según la ley europea de protección de datos.
Diseñé y desarrollé el sistema completo — acceso verificado, base de datos protegida, almacenamiento privado de archivos, roles de usuario y borrado de cuenta — alojado en mi propio servidor en Alemania.
- Rol
- Diseño de producto · Front-end · Back-end
- Stack
- React · Supabase Auth · Storage · Postgres RLS
- Alcance
- Acceso seguro · Base de datos protegida · Archivos conformes a la DSGVO
Caso 01 · FIFA · UEFA · DFB
Diseño de producto licenciado.
Productos de fútbol con licencia oficial desarrollados durante mi etapa en Trade Con GmbH — del diseño de producto al packaging y la ejecución en tienda, para grandes marcas del fútbol internacional y mercados europeos.
Del concepto y el desarrollo visual a los artes finales listos para producción, trabajé en balones, textiles y packaging, traduciendo guías de marca globales a productos físicos pensados para la tienda.
- Rol
- Diseño de producto · Dirección de arte · Packaging
- Contexto
- Trade Con GmbH · Productos con licencia oficial
- Alcance
- Balones · Textiles · Packaging de tienda
Trabajo seleccionado, creado como parte de mi puesto en Trade Con GmbH y mostrado solo con fines de portafolio. Los nombres, marcas, logotipos y contenidos licenciados de FIFA, UEFA y DFB pertenecen a sus respectivos propietarios. Los derechos de los productos y proyectos siguen siendo de Trade Con GmbH y/o de los titulares correspondientes.
Productos de fútbol con licencia oficial desarrollados durante mi etapa en Trade Con GmbH — del diseño de producto al packaging y la ejecución en tienda, para grandes marcas del fútbol internacional y mercados europeos.
Del concepto y el desarrollo visual a los artes finales listos para producción, trabajé en balones, textiles y packaging, traduciendo guías de marca globales a productos físicos pensados para la tienda.
- Rol
- Diseño de producto · Dirección de arte · Packaging
- Contexto
- Trade Con GmbH · Productos con licencia oficial
- Alcance
- Balones · Textiles · Packaging de tienda
Trabajo seleccionado, creado como parte de mi puesto en Trade Con GmbH y mostrado solo con fines de portafolio. Los nombres, marcas, logotipos y contenidos licenciados de FIFA, UEFA y DFB pertenecen a sus respectivos propietarios. Los derechos de los productos y proyectos siguen siendo de Trade Con GmbH y/o de los titulares correspondientes.
Caso 02 · BIKE Transalp · TOUR Transalp
Diseño de campañas integradas.
Trabajo de campaña desarrollado durante mi etapa en HAVE A GOOD ONE — dando forma a la comunicación visual de dos grandes eventos de ciclismo alpino en canales digitales y promocionales.
De los tráileres de lanzamiento y la presentación de rutas a las campañas en redes y los recursos web, trabajé en una comunicación pensada para crear expectación, implicar a los participantes y mantener la identidad de cada evento durante todo el ciclo de campaña.
- Rol
- Dirección gráfica · Diseño de campaña · Motion
- Contexto
- HAVE A GOOD ONE · Comunicación de campaña para eventos
- Alcance
- Redes · Motion · Web · Promoción de eventos
01 Tráiler de lanzamiento · YouTube y web
02 Campaña en redes · cuenta atrás y stories
03 Presentación de la ruta
04 Comunidad y páginas del evento
Trabajo de campaña desarrollado durante mi etapa en HAVE A GOOD ONE — dando forma a la comunicación visual de dos grandes eventos de ciclismo alpino en canales digitales y promocionales.
De los tráileres de lanzamiento y la presentación de rutas a las campañas en redes y los recursos web, trabajé en una comunicación pensada para crear expectación, implicar a los participantes y mantener la identidad de cada evento durante todo el ciclo de campaña.
- Rol
- Dirección gráfica · Diseño de campaña · Motion
- Contexto
- HAVE A GOOD ONE · Comunicación de campaña para eventos
- Alcance
- Redes · Motion · Web · Promoción de eventos
Caso 03 · THE BRIDGE
THE BRIDGEStorytelling desde el diseño, dirigido con IA.
Un proyecto independiente de storytelling que explora cómo la narrativa, la dirección de arte y las herramientas generativas pueden funcionar juntas como un único sistema de producción.
Del concepto y la estructura narrativa a la generación visual, la continuidad de escena y el montaje final, dirijo todo el proceso — uso la IA como herramienta de producción, mientras el storytelling, las decisiones visuales y el control editorial siguen siendo humanos.
- Rol
- Dirección creativa · Storytelling · Producción con IA
- Contexto
- Proyecto independiente · Creado y dirigido por mí
- Alcance
- Narrativa · Visuales con IA · Motion · Montaje
01 Narrativa y guion
02 Generación con IA
03 Continuidad de escena
04 Montaje final
Un proyecto independiente de storytelling que explora cómo la narrativa, la dirección de arte y las herramientas generativas pueden funcionar juntas como un único sistema de producción.
Del concepto y la estructura narrativa a la generación visual, la continuidad de escena y el montaje final, dirijo todo el proceso — uso la IA como herramienta de producción, mientras el storytelling, las decisiones visuales y el control editorial siguen siendo humanos.
- Rol
- Dirección creativa · Storytelling · Producción con IA
- Contexto
- Proyecto independiente · Creado y dirigido por mí
- Alcance
- Narrativa · Visuales con IA · Motion · Montaje
Práctica
Lo que aporto
Una práctica multidisciplinar en tres áreas conectadas: marca, producto y experiencias digitales.
- Marca y producto
- Sistemas de identidad, productos licenciados, packaging y experiencias de retail pensados para mercados reales.
- Producto digital
- Interfaces y aplicaciones web que funcionan — del pensamiento de producto y el diseño al front-end y el back-end.
- Dirección creativa
- Campañas, storytelling, motion, fotografía y producción visual apoyada en IA.
01¿Solo diseño o también desarrollo?
Las dos cosas. Vengo del diseño y la dirección creativa, y ahora también construyo productos digitales: diseño de interfaz, front-end, back-end y despliegue.
02¿Cómo convierto una idea en un producto terminado?
Paso a paso, de entender a hacer. Defino el problema y el público, doy forma al concepto y al sistema visual, prototipo pronto — y después construyo, pruebo y afino hasta que funciona en el mundo real, ya sea un producto en una estantería o una aplicación en un servidor.
03¿Qué une disciplinas tan distintas?
El pensamiento sistémico. Sea una marca, un producto físico, una campaña o una aplicación, busco coherencia entre concepto, función, lenguaje visual y ejecución.
04¿Cómo abordo un proyecto nuevo?
Empiezo por el problema, no por el medio. El objetivo es entender qué tiene que funcionar, qué tiene que comunicar y qué debe vivir la persona que lo usa — y luego elegir la combinación adecuada de diseño, tecnología y producción.
05¿Qué papel tiene la IA en mi trabajo?
Es una herramienta de producción y exploración, no un sustituto de la dirección. Uso herramientas generativas para el desarrollo visual, el storytelling y la producción creativa, mientras el concepto, la dirección de arte y las decisiones editoriales siguen siendo humanos.
Del concepto a la producción.
Del sistema visual al producto que funciona.













































