Zum Inhalt springen
[SL: 01]I&D Studio · [Websites]

Websites, inszeniert.

Markenwebsites, Launch-Seiten und 3D-Produktgeschichten, gestaltet und gebaut vom selben Team, das Ihre Kampagnenmedien produziert und Ihre Automatisierungen betreibt. Filmisch, wo es sich lohnt. Schnell überall.

  • Marken- & Unternehmenswebsites
  • Launch-Seiten
  • 3D & WebGL
  • Scroll-Stories & Film
Konzept-Website TRACE, Startbildschirm
Konzept-Website Zeroth, Startbildschirm
[SL: 02]Konzepte

Zwei erfundene Marken. Zwei echte Builds.

Diese beiden Projekte haben wir gebaut, um unsere Bandbreite ohne Kundenbriefing zu zeigen. Die Unternehmen sind fiktiv. Design, Code, 3D-Szenen und Film sind von uns.

[SL: 03]Was wir bauen

Sechs Arten von Website-Arbeit.

Von der einzelnen Launch-Seite bis zur kompletten Markenwebsite mit eigenem Film. Ein Team, ein Anspruch, auf Deutsch und Englisch.

  1. 01

    Marken- & Unternehmenswebsites

    Die Website, an der Ihre Marke gemessen wird: Positionierung, Seitenstruktur, Designsystem und Umsetzung, von Anfang an auf Deutsch und Englisch.

    Typische Leistungen:

    • Seitenarchitektur
    • Designsystem
    • DE- + EN-Version
  2. 02

    Launch- & Kampagnenseiten

    Eine Seite, eine Aufgabe: ein Launch, ein Angebot, eine Warteliste. Gebaut um Ihre Kampagnenmedien und fertig, wenn die Anzeigen starten.

    Typische Leistungen:

    • Landingpages
    • Angebots- & Wartelistenseiten
    • Testvarianten
  3. 03

    3D- & WebGL-Erlebnisse

    Produkte und Ideen in Echtzeit-3D: interaktive Hero-Bereiche, Produktviewer und scrollgesteuerte Szenen. Jede Szene hat eine leichte Ausweichversion.

    Typische Leistungen:

    • Three.js-Szenen
    • Produktviewer
    • Statische Fallbacks
  4. 04

    Scroll-Stories & Film

    Seiten, auf denen das Scrollen die Geschichte erzählt: gescrubbter Film, fixierte Kapitel und kinetische Typografie. Den Film liefert unser Studio.

    Typische Leistungen:

    • Scroll-Film
    • Markenfilme
    • Motion-System
  5. 05

    Vernetzte Websites

    Formulare, die direkt im CRM landen, ein Chatbot, der Ihre Produkte kennt, Buchungen, die sich selbst bestätigen. Gebaut gemeinsam mit I&D Systems.

    Typische Leistungen:

    • Formular → CRM
    • KI-Chat auf der Website
    • Lead-Routing
  6. 06

    Redesigns & Relaunches

    Ihre bestehende Website, neu gebaut: Inhalte übernommen, alte Links weitergeleitet, Tempo und Barrierefreiheit gleich mit verbessert.

    Typische Leistungen:

    • Inhaltsmigration
    • Weiterleitungsplan
    • Speed- & A11y-Fixes
[SL: 04]Eingebaut, nicht angeflanscht

Was jede Website mitbringt.

Unsere Zielwerte für jedes Projekt. Die Website, die Sie gerade lesen, ist nach derselben Liste gebaut.

  • (01)

    Schnell auf dem Smartphone

    Ziel: Core Web Vitals im grünen Bereich, auch mobil. Aufwendige Szenen laden erst, wenn sie gebraucht werden, Bilder kommen in der Größe, die der Bildschirm braucht.

  • (02)

    Barrierearm

    Gebaut mit Ziel WCAG 2.2 AA: vollständig per Tastatur bedienbar, gut lesbare Kontraste, echte Überschriften und eine ruhige Version jeder Animation.

  • (03)

    Datenschutz als Standard

    Kein Tracking vor der Einwilligung. Schriften, Bilder und Videos kommen von Ihrer eigenen Domain, nicht von fremden CDNs.

  • (04)

    Zweisprachig ab Tag eins

    Deutsch und Englisch nebeneinander, mit sauberen Sprachangaben, damit Suchmaschinen jedem die passende Version zeigen.

  • (05)

    Gemacht, um gefunden zu werden

    Saubere Struktur, Metadaten, strukturierte Daten und Social Cards gehören zum Build, nicht zu einem späteren SEO-Projekt.

  • (06)

    Bewegung mit Rückfallebene

    WebGL, Film und Scroll-Effekte treten elegant zurück: Ältere Geräte und die Einstellung „Bewegung reduzieren“ bekommen eine ruhige, vollständige Seite.

[SL: 05]So läuft ein Projekt

Vom Briefing zum Livegang.

Ein fester Rhythmus mit Abnahme bei jedem Schritt. Es geht nichts live, was Sie nicht gesehen haben.

  1. 01

    Briefing & Ziele

    Was die Website leisten soll, für wen und woran wir es messen. Inhalte, Sprachen, Anbindungen und Termin auf einer Seite.

  2. 02

    Struktur & Story

    Seitenplan, Botschaftshierarchie und die Momente, die eine Motion-Idee verdienen. Sie geben das Gerüst frei, bevor gestaltet wird.

  3. 03

    Design & Motion

    Schlüsselscreens für Desktop und Smartphone, das visuelle System und Motion-Studien für die prägenden Momente.

  4. 04

    Umsetzung

    Entwicklung auf einem privaten Vorschau-Link, den Sie jederzeit öffnen können. Feedbackrunden sind fest eingeplant.

  5. 05

    Livegang & Betreuung

    Tests auf echten Geräten, auf Tempo und Barrierefreiheit, dann der Livegang. Auf Wunsch bleiben wir für neue Seiten und Updates dabei.

[SL: 06]Beide Units

Die Website ist die Haustür. Wir bauen das Haus dahinter.

Der Film auf Ihrer Startseite kommt von I&D Studio. Das Formular, das den Termin bucht, der Chatbot, der um Mitternacht antwortet, und das CRM, das sich jeden Lead merkt, kommen von I&D Systems. Ein Team baut alles, also passt es zusammen.

[SL: 07]FAQ

Klare Antworten.

Die Fragen, die wir in fast jedem Erstgespräch hören.

01Sind Zeroth und TRACE echte Kunden?
Nein. Es sind Konzepte, die wir selbst gebaut haben, um zu zeigen, was wir können. Unternehmen, Kunden und Zahlen auf diesen Demo-Websites sind fiktiv und als solche gekennzeichnet.
02Braucht jede Website 3D und Film?
Nein. Die meisten Websites brauchen eine klare Struktur, schnelle Seiten und starke Bilder. WebGL oder Film setzen wir dort ein, wo es sich lohnt, und jeder Effekt hat eine leichte Rückfallebene.
03Können wir die Inhalte selbst pflegen?
Ja, wenn Sie das brauchen. In der Strukturphase legen wir fest, wie Sie pflegen, vom CMS bis zu einfachen Inhaltsdateien, je nachdem, wie oft Sie veröffentlichen.
04Wie sieht es mit Hosting, DSGVO und Rechtstexten aus?
Wir veröffentlichen auf Ihrem Hosting oder richten EU-Hosting für Sie ein und bauen so, dass vor der Einwilligung nichts trackt. Schriften, Bilder und Videos kommen von Ihrer eigenen Domain. Impressum und Datenschutzerklärung kommen von Ihnen oder Ihrer Rechtsberatung, wir setzen sie um.
05Was kostet eine Website?
Das hängt vom Umfang ab: Eine Launch-Seite und eine zweisprachige Markenwebsite mit 3D sind verschiedene Projekte. Wählen Sie im Kontaktformular einen Budgetrahmen, und wir antworten mit einem konkreten Angebot.
Nächster Schritt

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.

Strategie-Call buchen
(02) Telefon
+49 1575 1702770
(03) Regensburg
Ortszeit
(04) Antwortzeit
Wir antworten innerhalb von 1 Werktag.

Agenturen automatisieren. Studios gestalten. Wir machen beides.