Konzept · fiktive Marke
TRACE
Ein Distributor, dessen Produkt Bewegung ist. Also folgt die Website einer Einheit vom Chip bis zum Kunden.
- Technologie-Distributor
- I&D Studio · Websites
- Oktober 2026
Das Briefing
TRACE ist ein erfundener Technologie-Distributor mit Sitz in Dubai. Unser selbst gestelltes Briefing: Logistik, das unsichtbarste Geschäft überhaupt, in eine filmische Scroll-Story verwandeln, und trotzdem dem Händler das ermöglichen, wofür er gekommen ist: ein Produkt finden und ein Angebot bekommen.
Fiktion, gekennzeichnet
TRACE ist eine fiktive Marke. Das Unternehmen, seine Partner, Zahlen und Bestellungen sind für diese Demo erfunden, und die Website sagt das in ihrem Footer.
- Art
- Eigenes Konzept
- Fiktives Unternehmen
- Technologie-Distributor
- Gebaut
- Oktober 2026
- Gebaut von
- I&D Studio · Websites
- Technik
- React
- Three.js · React Three Fiber
- Post-processing
- GSAP ScrollTrigger
- Lenis
- Remotion (film)
- Vite
32 Sekunden, eine Route.
Der Markenfilm hinter dem Button „Watch the film“ im Hero: die ganze Reise der Einheit vom Chip bis zum Kunden, in der Typografie und 3D-Welt der Website. Im Code gerendert mit Remotion.
Was im Film passiert
Stummfilm. Das TRACE-Logo, dann der Satz „Every unit has a route.“ Ein Chip auf einer leuchtenden Platine, ein langer Lagergang, ein Scannerring, der einen Laptop prüft, eine Packstraße, ein Lkw, der nachts die Laderampe verlässt, Routen, die über einen Globus aufleuchten, der Laptop auf einem Schreibtisch mit „Delivered 08:47 NBO“, der Scannerring aus dem Hero mit den (fiktiven) Kennzahlen des Unternehmens und die TRACE-Endkarte.
Sechs Momente, die das Scrollen lohnen.
Die wichtigsten Momente der Demo, der Reihe nach. Jeder Screen ist eine Aufnahme der Live-Website.
(01) / 06
Ein Scanner am Eingang
Tausende Geräte strömen durch einen leuchtenden 3D-Scannerring, während ein Live-Ticker Sendungen in rollenden Ziffern zählt.
(02) / 06
Einer Einheit folgen
Scrollen Sie, und Sie folgen einem einzelnen Laptop vom Chip bis auf den Schreibtisch des Kunden: Fabrik, Lager, Prüfscan, Packstraße, Lkw, Globus. Ein Scroll-Film, im Haus gerendert.
(03) / 06
Zugestellt, auf dem Bildschirm
Die Reise endet auf dem Laptop des Kunden, und die Zustellbestätigung wird selbst zum Bildschirm.
(04) / 06
Das Sortiment in 3D
Produkte drehen sich auf einer dunklen Bühne, während Sie durch den Katalog gehen. Ein Laptop zerlegt sich in seine Schichten, ein Chip öffnet sich zum Bauplan.
(05) / 06
Das Portal, in Betrieb
Ein Laptop zoomt heran, bis sein Bildschirm zur Seite wird: ein funktionierendes Partnerportal, in dem Sie suchen, ins Angebot legen und die Summe mitlaufen sehen. Bestellen, gezeigt statt beschrieben.
(06) / 06
Fulfilment von oben
Ein Lager in der Draufsicht, in dem Wege aufleuchten, während eine Bestellung hindurchläuft, Zeile für Zeile daneben protokolliert. Jedes 3D-Kapitel lädt als eigenes Paket, mit einem Standbild, bis es bereit ist.
Dieselbe Story. Eine Hand.
Dieselbe Reise auf dem Smartphone: Szenen für den Hochkant-Bildschirm neu kadriert, das Portal auf das reduziert, was ein Daumen braucht.
Nächstes Konzept
Konzept · fiktive Marke
Zeroth
Studio für Suche & KI-Sichtbarkeit
So etwas für Sie?
Erzählen Sie uns, was Ihre Marke zeigen muss. Wir zeigen Ihnen, wie es sich bewegen könnte.
Websites von I&D Studio →Sie bringen den Engpass. Wir bringen den Bauplan.
Sagen Sie uns, was entstehen oder besser laufen soll. Wir zeigen Ihnen genau, wie wir vorgehen würden: Systeme, Medien oder beides.
Bauen wir den Motor.
- (01) E-Mail
- info@ibramdawwa-gmbh.de
- (02) Telefon
- +49 1575 1702770
- (03) Regensburg
- Ortszeit
- (04) Antwortzeit
- Wir antworten innerhalb von 1 Werktag.
Agenturen automatisieren. Studios gestalten. Wir machen beides.