Zum Inhalt springen

~/camilo · Hamburg

Ich gestalte Marken, Produkte und die Software dahinter.

Über 8 Jahre Marken-, Produkt- und Kampagnendesign — und heute meine eigenen Web-Apps, vom Interface bis zum Server.

Porträt von Camilo Cepeda Danies

01 — Designer & Entwickler · Hamburg

02 — FußballdesignTrade Con GmbH · 2025Entstanden bei der Trade Con GmbH.

03 — Web-App · gestaltet, programmiert & gehostet von mir

KI-Regie · Storytelling

The Bridge.

KI-gestützte filmische Produktion — narrative Planung, Szenenkontinuität und menschliche redaktionelle Kontrolle.

Ausgewählte Arbeiten

Software, die ich gestalte und entwickle.

Case 01 · Design + Entwicklung · ● Live

Yakuam Tisch bestellen.

Ein QR-Code auf jedem Tisch, eine Karte, die mit Fotografie verkauft, und ein Küchenbildschirm, der sich in Echtzeit aktualisiert. Für ein peruanisch-mexikanisches Restaurant in Hamburg — von mir gestaltet, entwickelt und gehostet.

Rolle
Produktdesign · Front-end · Back-end
Stack
React · Supabase Realtime · Postgres RLS
Umfang
Gäste-App · Küchenbildschirm · QR-System

01 QR-Code am Tisch scannen · Karte ansehen

02 Ein Gericht öffnen

03 Zur Bestellung hinzufügen

04 An die Küche senden

05 Die Küche erhält sie — live

06 Der Status erscheint auf dem Handy

Ein QR-Code auf jedem Tisch, eine Karte, die mit Fotografie verkauft, und ein Küchenbildschirm, der sich in Echtzeit aktualisiert. Für ein peruanisch-mexikanisches Restaurant in Hamburg — von mir gestaltet, entwickelt und gehostet.

Rolle
Produktdesign · Front-end · Back-end
Stack
React · Supabase Realtime · Postgres RLS
Umfang
Gäste-App · Küchenbildschirm · QR-System

Case 02 · Design + Entwicklung · ● Live

Echtzeit-ChatEin Gespräch, in Echtzeit gebaut.

Eine fokussierte Webanwendung, die zeigt, was hinter einer scheinbar einfachen Interaktion passiert: zwei Menschen, ein Gespräch, sofort synchronisiert.

Ich habe das gesamte Erlebnis gestaltet und entwickelt — Interface, Echtzeit-Nachrichten, Präsenz, Datenbankregeln und Deployment — und so aus einer vertrauten Interaktion ein funktionierendes End-to-End-Produkt gemacht.

Rolle
Produktdesign · Front-end · Back-end
Stack
React · Supabase Realtime · Postgres RLS
Umfang
Messaging · Präsenz · Daten · Deployment

01 Ein Gast schreibt

02 Nachrichten kommen sofort an

03 Präsenz: wer schreibt, wer online ist

04 Tippen · senden · bei allen angekommen

Eine fokussierte Webanwendung, die zeigt, was hinter einer scheinbar einfachen Interaktion passiert: zwei Menschen, ein Gespräch, sofort synchronisiert.

Ich habe das gesamte Erlebnis gestaltet und entwickelt — Interface, Echtzeit-Nachrichten, Präsenz, Datenbankregeln und Deployment — und so aus einer vertrauten Interaktion ein funktionierendes End-to-End-Produkt gemacht.

Rolle
Produktdesign · Front-end · Back-end
Stack
React · Supabase Realtime · Postgres RLS
Umfang
Messaging · Präsenz · Daten · Deployment

Case 03 · Design + Entwicklung · ● Live

Sicher von Anfang anLogin, Daten und Dateien — in jedem Schritt geschützt.

In jeder App ist das Wertvollste die Daten dahinter. Dieser Workspace zeigt, wie ich sie schütze: Jede Anmeldung wird verifiziert, jeder Datensatz durch Regeln in der Datenbank selbst geschützt, und jede hochgeladene Datei nach europäischem Datenschutzrecht behandelt.

Ich habe das gesamte System gestaltet und entwickelt — verifizierte Anmeldung, geschützte Datenbank, privater Dateispeicher, Benutzerrollen und Kontolöschung — gehostet auf meinem eigenen Server in Deutschland.

Rolle
Produktdesign · Front-end · Back-end
Stack
React · Supabase Auth · Storage · Postgres RLS
Umfang
Sicherer Login · Geschützte Datenbank · DSGVO-konforme Dateien

01 Verifizierte Anmeldung

02 Einmalcode — nur einmal und nur Minuten gültig

03 Nur du siehst deine Dateien

04 Gespeichert in Deutschland, nach DSGVO

05 Geteilte Links laufen automatisch ab

In jeder App ist das Wertvollste die Daten dahinter. Dieser Workspace zeigt, wie ich sie schütze: Jede Anmeldung wird verifiziert, jeder Datensatz durch Regeln in der Datenbank selbst geschützt, und jede hochgeladene Datei nach europäischem Datenschutzrecht behandelt.

Ich habe das gesamte System gestaltet und entwickelt — verifizierte Anmeldung, geschützte Datenbank, privater Dateispeicher, Benutzerrollen und Kontolöschung — gehostet auf meinem eigenen Server in Deutschland.

Rolle
Produktdesign · Front-end · Back-end
Stack
React · Supabase Auth · Storage · Postgres RLS
Umfang
Sicherer Login · Geschützte Datenbank · DSGVO-konforme Dateien

Case 01 · FIFA · UEFA · DFB

Lizenzprodukt-Design.

Offiziell lizenzierte Fußballprodukte, entstanden während meiner Zeit bei der Trade Con GmbH — von Produktdesign über Verpackung bis zur Umsetzung im Handel, für große internationale Fußballmarken und europäische Märkte.

Vom Konzept und der visuellen Entwicklung bis zu produktionsreifen Druckdaten habe ich an Bällen, Textilien und Verpackungen gearbeitet und globale Markenrichtlinien in physische Produkte für den Handel übersetzt.

Rolle
Produktdesign · Art Direction · Verpackung
Kontext
Trade Con GmbH · Offiziell lizenzierte Produkte
Umfang
Bälle · Textilien · Handelsverpackungen

Offiziell lizenzierte Fußballprodukte, entstanden während meiner Zeit bei der Trade Con GmbH — von Produktdesign über Verpackung bis zur Umsetzung im Handel, für große internationale Fußballmarken und europäische Märkte.

Vom Konzept und der visuellen Entwicklung bis zu produktionsreifen Druckdaten habe ich an Bällen, Textilien und Verpackungen gearbeitet und globale Markenrichtlinien in physische Produkte für den Handel übersetzt.

Rolle
Produktdesign · Art Direction · Verpackung
Kontext
Trade Con GmbH · Offiziell lizenzierte Produkte
Umfang
Bälle · Textilien · Handelsverpackungen

Case 02 · BIKE Transalp · TOUR Transalp

Integriertes Kampagnendesign.

Kampagnenarbeit aus meiner Zeit bei HAVE A GOOD ONE — die visuelle Kommunikation für zwei große alpine Radsport-Events, über digitale und werbliche Kanäle hinweg.

Von Launch-Trailern und Routenenthüllungen bis zu Social-Kampagnen und Web-Assets: Kommunikation, die Vorfreude aufbaut, Teilnehmende einbindet und die Identität jedes Events über den gesamten Kampagnenzyklus hinweg konsistent trägt.

Rolle
Grafische Leitung · Kampagnendesign · Motion
Kontext
HAVE A GOOD ONE · Kampagnenkommunikation für Events
Umfang
Social · Motion · Web · Eventpromotion

01 Launch-Trailer · YouTube & Web

02 Social-Kampagne · Countdown & Stories

03 Routenenthüllung

04 Community- & Eventseiten

Kampagnenarbeit aus meiner Zeit bei HAVE A GOOD ONE — die visuelle Kommunikation für zwei große alpine Radsport-Events, über digitale und werbliche Kanäle hinweg.

Von Launch-Trailern und Routenenthüllungen bis zu Social-Kampagnen und Web-Assets: Kommunikation, die Vorfreude aufbaut, Teilnehmende einbindet und die Identität jedes Events über den gesamten Kampagnenzyklus hinweg konsistent trägt.

Rolle
Grafische Leitung · Kampagnendesign · Motion
Kontext
HAVE A GOOD ONE · Kampagnenkommunikation für Events
Umfang
Social · Motion · Web · Eventpromotion

Case 03 · THE BRIDGE

THE BRIDGEStorytelling durch Design, mit KI inszeniert.

Ein unabhängiges Storytelling-Projekt, das erforscht, wie Erzählung, Art Direction und generative Tools als ein Produktionssystem zusammenwirken können.

Vom Konzept und der Erzählstruktur über die visuelle Generierung und Szenenkontinuität bis zum finalen Schnitt leite ich den gesamten Prozess — KI dient als Produktionswerkzeug, während Storytelling, visuelle Entscheidungen und redaktionelle Kontrolle menschlich bleiben.

Rolle
Creative Direction · Storytelling · KI-Produktion
Kontext
Unabhängiges Projekt · Von mir erdacht und inszeniert
Umfang
Erzählung · KI-Visuals · Motion · Schnitt

01 Erzählung & Drehbuch

02 KI-Generierung

03 Szenenkontinuität

04 Finaler Schnitt

Ein unabhängiges Storytelling-Projekt, das erforscht, wie Erzählung, Art Direction und generative Tools als ein Produktionssystem zusammenwirken können.

Vom Konzept und der Erzählstruktur über die visuelle Generierung und Szenenkontinuität bis zum finalen Schnitt leite ich den gesamten Prozess — KI dient als Produktionswerkzeug, während Storytelling, visuelle Entscheidungen und redaktionelle Kontrolle menschlich bleiben.

Rolle
Creative Direction · Storytelling · KI-Produktion
Kontext
Unabhängiges Projekt · Von mir erdacht und inszeniert
Umfang
Erzählung · KI-Visuals · Motion · Schnitt

Arbeitsweise

Was ich mitbringe

Eine multidisziplinäre Arbeitsweise in drei verbundenen Bereichen: Marke, Produkt und digitale Erlebnisse.

Marke & Produkt
Identitätssysteme, Lizenzprodukte, Verpackungen und Retail-Erlebnisse für reale Märkte.
Digitales Produkt
Interfaces und funktionierende Webanwendungen — vom Produktdenken und Design bis zu Front-end und Back-end.
Creative Direction
Kampagnen, Storytelling, Motion, Fotografie und KI-gestützte visuelle Produktion.
01Gestalte ich nur – oder entwickle ich auch?

Beides. Ich komme aus Design und Creative Direction und entwickle heute auch digitale Produkte — von Interface-Design über Front-end und Back-end bis zum Deployment.

02Wie wird aus einer Idee ein fertiges Produkt?

Schritt für Schritt, vom Verstehen zum Machen. Ich definiere Problem und Zielgruppe, forme Konzept und visuelles System und baue früh Prototypen — dann wird entwickelt, getestet und verfeinert, bis es in der realen Welt funktioniert: als Produkt im Regal oder als Anwendung auf einem Server.

03Was verbindet so unterschiedliche Disziplinen?

Systemdenken. Ob Marke, physisches Produkt, Kampagne oder Anwendung — ich suche die Übereinstimmung zwischen Konzept, Funktion, Bildsprache und Umsetzung.

04Wie gehe ich ein neues Projekt an?

Ich beginne beim Problem, nicht beim Medium. Ziel ist zu verstehen, was funktionieren muss, was es kommunizieren soll und was die Nutzer erleben sollen — und dann die passende Kombination aus Design, Technologie und Produktion zu wählen.

05Welche Rolle spielt KI in meiner Arbeit?

Die eines Werkzeugs für Produktion und Exploration — kein Ersatz für Regie. Ich nutze generative Tools für visuelle Entwicklung, Storytelling und kreative Produktion; Konzept, Art Direction und redaktionelle Entscheidungen bleiben menschlich.

Vom Konzept zur Produktion.
Vom visuellen System zum funktionierenden Produkt.