Saltar al contenido

~/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.

Retrato de Camilo Cepeda Danies

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.

Trabajo seleccionado

Software que diseño y desarrollo.

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

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

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.

Contacto

¿Algo con sentido?

Hablemos →hi@camilocepedadanies.com