Tisch 990 min
1× Mar Nikkei
Starten →Serviert →~/camilo · Hamburg
Designing brands, products and the software behind them.
8+ years of brand, product and campaign design — and now my own web apps, from the interface to the server.
01 — Designer & builder · Hamburg
02 — Football designTrade Con GmbH · 2025Created at Trade Con GmbH.
03 — Web app · designed, coded & hosted by me
AI direction · Storytelling
The Bridge.
AI-supported cinematic production — narrative planning, scene continuity and human editorial control.
Case 01 · Design + development · ● Live
Yakuorder from the table.
A QR code on every table, a menu that sells with photography and a kitchen screen that updates in real time. For a Peruvian–Mexican restaurant in Hamburg — designed, built and hosted by me.
- Role
- Product design · Front-end · Back-end
- Stack
- React · Supabase Realtime · Postgres RLS
- Scope
- Guest app · Kitchen screen · QR system
01 Scan the table QR · browse the menu
02 Open a dish
03 Add it to the order
04 Send it to the kitchen
05 The kitchen gets it — live
06 Status updates on the phone
A QR code on every table, a menu that sells with photography and a kitchen screen that updates in real time. For a Peruvian–Mexican restaurant in Hamburg — designed, built and hosted by me.
- Role
- Product design · Front-end · Back-end
- Stack
- React · Supabase Realtime · Postgres RLS
- Scope
- Guest app · Kitchen screen · QR system
Case 02 · Design + development · ● Live
Realtime ChatA conversation, built in real time.
A focused web application exploring what happens behind a seemingly simple interaction: two people, one conversation, instantly synchronized.
I designed and built the complete experience — interface, real-time messaging, presence, database rules and deployment — turning a familiar interaction into a working end-to-end product.
- Role
- Product Design · Front-end · Back-end
- Stack
- React · Supabase Realtime · Postgres RLS
- Scope
- Messaging · Presence · Data · Deployment
01 A guest is typing
02 Messages arrive instantly
03 Presence: who is writing, who is online
04 Type · send · delivered to everyone
A focused web application exploring what happens behind a seemingly simple interaction: two people, one conversation, instantly synchronized.
I designed and built the complete experience — interface, real-time messaging, presence, database rules and deployment — turning a familiar interaction into a working end-to-end product.
- Role
- Product Design · Front-end · Back-end
- Stack
- React · Supabase Realtime · Postgres RLS
- Scope
- Messaging · Presence · Data · Deployment
Case 03 · Design + development · ● Live
Secure by defaultLogin, data and files — protected at every step.
In any app, the most valuable thing is the data behind it. This workspace shows how I protect it: every sign-in is verified, every record is guarded by rules inside the database, and every uploaded file is handled according to European data protection law.
I designed and built the complete system — verified sign-in, a protected database, private file storage, user roles and account deletion — hosted on my own server in Germany.
- Role
- Product Design · Front-end · Back-end
- Stack
- React · Supabase Auth · Storage · Postgres RLS
- Scope
- Secure login · Protected database · DSGVO-compliant files
01 Verified sign-in
02 One-time code — valid once, for minutes
03 Only you can see your files
04 Stored in Germany, under DSGVO
05 Shared links expire automatically
In any app, the most valuable thing is the data behind it. This workspace shows how I protect it: every sign-in is verified, every record is guarded by rules inside the database, and every uploaded file is handled according to European data protection law.
I designed and built the complete system — verified sign-in, a protected database, private file storage, user roles and account deletion — hosted on my own server in Germany.
- Role
- Product Design · Front-end · Back-end
- Stack
- React · Supabase Auth · Storage · Postgres RLS
- Scope
- Secure login · Protected database · DSGVO-compliant files
Case 01 · FIFA · UEFA · DFB
Licensed product design.
Officially licensed football products developed during my time at Trade Con GmbH — spanning product design, packaging and retail execution for major international football properties and European markets.
From concept and visual development to production-ready artwork, I worked across footballs, textiles and packaging, translating global brand guidelines into physical products made for retail.
- Role
- Product Design · Art Direction · Packaging
- Context
- Trade Con GmbH · Officially licensed products
- Scope
- Footballs · Textiles · Retail Packaging
Selected work created as part of my role at Trade Con GmbH and shown for portfolio purposes only. FIFA, UEFA and DFB names, trademarks, logos and licensed assets belong to their respective owners. Associated product and project rights remain with Trade Con GmbH and/or the respective rights holders.
Officially licensed football products developed during my time at Trade Con GmbH — spanning product design, packaging and retail execution for major international football properties and European markets.
From concept and visual development to production-ready artwork, I worked across footballs, textiles and packaging, translating global brand guidelines into physical products made for retail.
- Role
- Product Design · Art Direction · Packaging
- Context
- Trade Con GmbH · Officially licensed products
- Scope
- Footballs · Textiles · Retail Packaging
Selected work created as part of my role at Trade Con GmbH and shown for portfolio purposes only. FIFA, UEFA and DFB names, trademarks, logos and licensed assets belong to their respective owners. Associated product and project rights remain with Trade Con GmbH and/or the respective rights holders.
Case 02 · BIKE Transalp · TOUR Transalp
Integrated campaign design.
Campaign work developed during my time at HAVE A GOOD ONE — shaping the visual communication for two major alpine cycling events across digital and promotional touchpoints.
From launch trailers and route reveals to social campaigns and web assets, I worked on communication designed to build anticipation, engage participants and carry each event’s identity consistently throughout the campaign cycle.
- Role
- Graphic Direction · Campaign Design · Motion
- Context
- HAVE A GOOD ONE · Event campaign communication
- Scope
- Social · Motion · Web · Event Promotion
01 Launch trailer · YouTube & web
02 Social campaign · countdown & stories
03 Route reveal
04 Community & event pages
Campaign work developed during my time at HAVE A GOOD ONE — shaping the visual communication for two major alpine cycling events across digital and promotional touchpoints.
From launch trailers and route reveals to social campaigns and web assets, I worked on communication designed to build anticipation, engage participants and carry each event’s identity consistently throughout the campaign cycle.
- Role
- Graphic Direction · Campaign Design · Motion
- Context
- HAVE A GOOD ONE · Event campaign communication
- Scope
- Social · Motion · Web · Event Promotion
Case 03 · THE BRIDGE
THE BRIDGEStorytelling by design, directed with AI.
An independent storytelling project exploring how narrative, art direction and generative tools can work together as one production system.
From concept and narrative structure to visual generation, scene continuity and final edit, I direct the complete process — using AI as a production tool while keeping storytelling, visual decisions and editorial control human.
- Role
- Creative Direction · Storytelling · AI Production
- Context
- Independent Project · Created & Directed by me
- Scope
- Narrative · AI Visuals · Motion · Editorial
01 Narrative & script
02 AI generation
03 Scene continuity
04 Final edit
An independent storytelling project exploring how narrative, art direction and generative tools can work together as one production system.
From concept and narrative structure to visual generation, scene continuity and final edit, I direct the complete process — using AI as a production tool while keeping storytelling, visual decisions and editorial control human.
- Role
- Creative Direction · Storytelling · AI Production
- Context
- Independent Project · Created & Directed by me
- Scope
- Narrative · AI Visuals · Motion · Editorial
Practice
What I bring
A multidisciplinary practice across three connected areas: brand, product and digital experiences.
- Brand & Product
- Identity systems, licensed products, packaging and retail experiences built for real-world markets.
- Digital Product
- Interfaces and working web applications — from product thinking and design to front-end and back-end.
- Creative Direction
- Campaigns, storytelling, motion, photography and AI-supported visual production.
01Do I only design, or do I also build?
Both. My background is in design and creative direction, and I now build digital products as well — working across interface design, front-end, back-end and deployment.
02How do I turn an idea into a finished product?
Step by step, from understanding to making. I define the problem and the audience, shape the concept and the visual system, prototype early — then build, test and refine until it works in the real world, whether that is a product on a shelf or an application on a server.
03What connects such different disciplines?
Systems thinking. Whether it is a brand, a physical product, a campaign or an application, I look for consistency between concept, function, visual language and execution.
04How do I approach a new project?
I start with the problem, not the medium. The goal is to understand what needs to work, what needs to communicate and what the user should experience — then choose the right combination of design, technology and production.
05Where does AI fit into my work?
As a production and exploration tool — not a substitute for direction. I use generative tools for visual development, storytelling and creative production while keeping concept, art direction and editorial decisions human.
From concept to production.
From visual system to working product.
