Tisch 990 min
1× Mar Nikkei
Starten →Serviert →~/camilo · Hamburg
8+ years of brand, product and campaign design — and I build what I design, 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 + full-stack · ● Live
Elbe LiveThe Port of Hamburg, live.
A live view of one of Europe’s largest ports: Hamburg drawn as an architect’s plan from its official 3D city model, with every commercial ship on the Elbe moving in real time.
I designed and built it end to end — the outline look, a control tower on my own server that listens to the ships’ radio signals, a 3D scene that streams the city piece by piece, and an interface that answers the questions a port raises: what is arriving, what is moving, how high is the water.
- Role
- Product Design · 3D · Front-end · Back-end
- Stack
- TypeScript · React · three.js · Node · Docker
- Data
- Hamburg 3D model · AIS · PEGELONLINE · DWD
01 From above: the whole port, drawn from its 3D model
02 Ships moving live, each with its wake
03 Fastest in port: one tap, and it lights up with its card
04 Arriving now: the big ship off the Dockland
A live view of one of Europe’s largest ports: Hamburg drawn as an architect’s plan from its official 3D city model, with every commercial ship on the Elbe moving in real time.
I designed and built it end to end — the outline look, a control tower on my own server that listens to the ships’ radio signals, a 3D scene that streams the city piece by piece, and an interface that answers the questions a port raises: what is arriving, what is moving, how high is the water.
- Role
- Product Design · 3D · Front-end · Back-end
- Stack
- TypeScript · React · three.js · Node · Docker
- Data
- Hamburg 3D model · AIS · PEGELONLINE · DWD
Case 02 · Design + full-stack · ● Live
Otra Mesagood food deserves another table.
Restaurants and wholesalers in Barranquilla offer the good food they didn’t sell as “house surprises”, at about a third of the price. People nearby reserve one, pay, get a QR code and pick it up. Three apps — for customers, for the businesses and for the admin — on a stack I designed, built and host myself.
Less food wasted, more life for local restaurants. A near-real product: everything works for real except the money — payments are simulated with test cards.
- Role
- Product design · Brand · Full-stack
- Stack
- React · Node/Express · Postgres · MongoDB geo · Web Push · Leaflet/OSM
- Scope
- Customer app · Business portal · Back office · API
01 Swipe through the featured surprises
02 Open the one you like
03 Reserve it
04 Pay with a test card — no real money
05 Get your QR — show it at the restaurant
06 The booking lands in the back office — live
Restaurants and wholesalers in Barranquilla offer the good food they didn’t sell as “house surprises”, at about a third of the price. People nearby reserve one, pay, get a QR code and pick it up. Three apps — for customers, for the businesses and for the admin — on a stack I designed, built and host myself.
Less food wasted, more life for local restaurants. A near-real product: everything works for real except the money — payments are simulated with test cards.
- Role
- Product design · Brand · Full-stack
- Stack
- React · Node/Express · Postgres · MongoDB geo · Web Push · Leaflet/OSM
- Scope
- Customer app · Business portal · Back office · API
Case 03 · 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 04 · Design + development · ● Live
Secure & real-timeSign-in, files and conversations — protected at every step.
Two apps on one foundation: a private file space and a real-time chat. Every sign-in is verified, every record is guarded by rules inside the database, and everything lives on my own server in Germany, under the DSGVO.
I designed and built both end to end: sign-in, database, private files with expiring links, messaging with presence and account deletion.
- Role
- Product Design · Front-end · Back-end
- Stack
- React · Supabase Auth · Realtime · Storage · Postgres RLS
- Scope
- Secure login · Private files · Realtime chat · DSGVO
01 Messages arrive instantly — and you see who is online
02 Verified sign-in
03 One-time code — valid once, for minutes
04 Only you can see your files — stored in Germany
05 Shared links expire automatically
Two apps on one foundation: a private file space and a real-time chat. Every sign-in is verified, every record is guarded by rules inside the database, and everything lives on my own server in Germany, under the DSGVO.
I designed and built both end to end: sign-in, database, private files with expiring links, messaging with presence and account deletion.
- Role
- Product Design · Front-end · Back-end
- Stack
- React · Supabase Auth · Realtime · Storage · Postgres RLS
- Scope
- Secure login · Private files · Realtime chat · DSGVO
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 · Packaging & retail
Designed for the shelf.
Packaging for licensed and branded products sold by some of Europe’s largest retailers.
Boxes and banderoles from first sketch to print-ready dieline: licensor guidelines, retailer specifications, multilingual legal text, barcodes and production with factories in Asia.
- Role
- Packaging Design · Dielines · Print production
- Context
- Trade Con GmbH
- Licences
- FIFA World Cup 26™ · DFB
Design © Trade Con GmbH. All trademarks belong to their respective owners.
Packaging for licensed and branded products sold by some of Europe’s largest retailers.
Boxes and banderoles from first sketch to print-ready dieline: licensor guidelines, retailer specifications, multilingual legal text, barcodes and production with factories in Asia.
- Role
- Packaging Design · Dielines · Print production
- Context
- Trade Con GmbH
- Licences
- FIFA World Cup 26™ · DFB
Design © Trade Con GmbH. All trademarks belong to their respective owners.
Case 03 · 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 04 · 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.
