Berliner Eckhaus zur blauen Stunde mit dem beleuchteten Café Nocturne. Die Kamera nähert sich, öffnet die Glastür und geht in den warmen Gastraum.

Code14Studio Signature

Websites, die man betritt.

Signature ist unsere Arbeit für Unternehmen, die von ihrer Atmosphäre leben: Bild, Licht und Bewegung, gesetzt wie eine Szene.

Der Gastraum des Konzeptcafés Nocturne: Pendelleuchten, Theke, Kreidetafel, Fenster zur Straße.

Ein Café verkauft Atmosphäre.

Seine Website sollte sie zeigen, bevor jemand die Tür öffnet.

Nocturne, Berlin. Freie Konzeptstudie mit KI-generiertem Filmmaterial. Kein reales Café, kein Kundenauftrag.

Konzeptfilm, KI-generiert. Kein reales Café.

02Haltung

Eine Vorlage zeigt, was Sie anbieten. Eine Signature-Website zeigt, wie es sich anfühlt.

  1. 01

    Erinnert werden

    Eine eigene Bildsprache und Typografie, die man Ihrem Geschäft zuordnet. Nicht einer Vorlage.

  2. 02

    Verstanden werden

    Bewegung führt den Blick: erst die Atmosphäre, dann das Angebot, dann der nächste Schritt.

  3. 03

    Gewählt werden

    Am Ende zählt, dass Menschen reservieren, anfragen oder vorbeikommen. Jede Animation muss dazu beitragen.

Vier Regeln für Bewegung

Jede Bewegung hat eine Aufgabe
Wir animieren, was Orientierung gibt oder Stimmung trägt. Dekoration ohne Zweck lassen wir weg.
Inhalte bleiben zugänglich
Alles ist auch ohne Animation lesbar und mit der Tastatur bedienbar. Wer reduzierte Bewegung eingestellt hat, sieht eine ruhige Fassung.
Schnell trotz Bewegung
Bilder und Videos laden erst, wenn sie gebraucht werden. Wir testen auf echten Handys, nicht nur am Schreibtisch.
Für das Handy gedacht
Die meisten Besucher kommen mobil. Jede Szene bekommt eine eigene Fassung für kleine Bildschirme.

03Fassungen

Ein Motiv. Drei Schnitte.

Dasselbe Bildmaterial, drei Stufen der Umsetzung. Wählen Sie eine Fassung: Das Format, der Schnitt und die Bewegung ändern sich mit.

Signature Motion

Ein starker erster Eindruck auf einer einzigen Seite.

ab 2.400 €

Startpreis. Den Endpreis nennt das Angebot. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet und ausgewiesen.

Enthalten

  • Eine eigens gestaltete Landingpage
  • Eigene Typografie und Art Direction
  • Animierter Hero-Bereich
  • Scroll-Animationen und interaktive Elemente
  • Layouts für Desktop und Handy
  • Grundlegende Tests für Performance und Barrierefreiheit

Nicht enthalten

  • Weitere Seiten
  • Komplexe 3D-Szenen
  • Filmaufnahmen und Videoproduktion
  • Kostenpflichtige Stock-Inhalte
  • Hosting, Domain und laufende Pflege
Motion anfragen

Signature Experience

Eine Marken-Website, die eine Geschichte erzählt.

ab 3.490 €

Startpreis. Den Endpreis nennt das Angebot. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet und ausgewiesen.

Enthalten

  • Landingpage und bis zu vier weitere Seiten
  • Individuelles visuelles Design
  • Erweiterte Animationen (GSAP)
  • Scroll-Storytelling
  • Eigene Übergänge und kinetische Typografie
  • Ausgewählte interaktive Effekte
  • Eigene Anpassungen für das Handy
  • Tests für Performance und Barrierefreiheit

Nicht enthalten

  • Filmaufnahmen und Videoproduktion
  • Kostenpflichtige Stock-Bilder oder Videos
  • 3D-Entwicklung
  • Hosting, Domain und laufende Pflege
Experience anfragen

Signature Cinema

Ein Auftritt mit filmischem Anfang.

ab 5.490 €

Startpreis. Den Endpreis nennt das Angebot. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet und ausgewiesen.

Enthalten

  • Kreative Leitung des ganzen Projekts
  • Filmische Eröffnungssequenz
  • Scrollgesteuertes Video oder abgestimmte Video-Übergänge
  • Erweitertes Motion Design
  • Individuelle interaktive Bereiche
  • Eigens erstellte visuelle Elemente, im Angebot festgelegt
  • Mehrseitige Website, Seitenzahl laut Angebot
  • Umfangreiche Tests auf Geräten und für Performance

Nicht enthalten

  • Dreh und Filmproduktion, sofern nicht im Angebot
  • Kostenpflichtige Stock-Inhalte, sofern nicht im Angebot
  • Umfangreiche 3D-Entwicklung
  • Kosten von Drittanbietern
  • Hosting, Domain und laufende Pflege
Cinema anfragen
MotionExperienceCinema
Startpreis2.400 €3.490 €5.490 €
Umfang1 LandingpageLandingpage + bis zu 4Laut Angebot
Lieferzeit (Richtwert)3 bis 4 Wochen5 bis 7 Wochen8 bis 12 Wochen
Feedback2 Runden3 Runden1 Richtung + 3 Runden

Startpreise

Die Preise sind Startpreise. Nach dem Briefing nennen wir den Endpreis in einem schriftlichen Angebot. Dort steht ausdrücklich, was enthalten ist und was nicht.

Lieferzeiten

Die Wochen sind Richtwerte ab vollständigem Material. Die verbindlichen Termine stehen im Angebot. Die 14-Tage-Zusage gilt nur für Basic, Standard und Plus.

Zusatzaufwand

Neue Seiten oder Bereiche, ein Richtungswechsel nach der Freigabe, weitere Feedbackrunden oder Änderungen nach der Abnahme: Dafür nennen wir vorher einen Festpreis.

Im Projekt enthalten

  • Konzept, Design und Umsetzung im Umfang des gewählten Pakets
  • Die im Paket genannten Feedbackrunden
  • Alles, was das schriftliche Angebot ausdrücklich nennt

Nur mit separater Vereinbarung

  • Hosting und Domain
  • Laufende Pflege und Änderungen nach dem Launch
  • Kostenpflichtige Stock-Bilder, Videos, Musik oder Schriften
  • Dreh, Fotografie und Filmproduktion
  • Umfangreiche 3D-Entwicklung
  • Kosten von Drittanbietern

Hosting und Pflege bieten wir auf Anfrage an. Alles andere nur, wenn es im Angebot ausdrücklich steht.

Gemäß § 19 UStG wird keine Umsatzsteuer berechnet und ausgewiesen. Sie suchen eine schnelle, klare Website zum Festpreis? Dann passen Basic, Standard oder Plus ab 490 €.

04Ablauf

Vom Gespräch bis zum Launch.

Sechs Schritte, in dieser Reihenfolge. Sie sehen die Bewegung früh, und nichts wird gebaut, bevor die Richtung steht.

  1. 01

    Gespräch

    Wir lernen Ihr Geschäft, Ihre Gäste und Ihr Ziel kennen. Kostenlos und unverbindlich.

  2. 02

    Angebot

    Sie erhalten ein schriftliches Angebot mit Umfang, Terminen, Zahlungsplan und allem, was enthalten ist und was nicht.

  3. 03

    Art Direction

    Moodboard, Schriften, Farben und Bildsprache. Sie entscheiden sich für eine Richtung, bevor wir bauen.

  4. 04

    Motion-Prototyp

    Die wichtigste Szene entsteht zuerst als klickbarer Prototyp. So sehen Sie die Bewegung früh.

  5. 05

    Umsetzung

    Wir bauen die Website und arbeiten Ihr Feedback in den vereinbarten Runden ein.

  6. 06

    Test und Launch

    Tests auf Handys und Desktops, für Performance, Barrierefreiheit und reduzierte Bewegung. Dann geht die Website live.

05Konzeptstudie

Nocturne eine Studie, kein Auftrag.

Gastraum des Konzeptcafés Nocturne am Abend.
Die Eckfassade mit dem beleuchteten Schriftzug.
Die Hand an der Glastür, kurz vor dem Eintreten.

Wir haben diese Szene gebaut, um zu zeigen, wie wir eine Eröffnung denken: vom ersten Bild über die Schwelle bis in den Raum. Jede Bewegung auf dieser Seite folgt dem Film.

Projekt
Nocturne, Berlin
Art
Freie Konzeptstudie, kein Kundenauftrag
Material
KI-generierter Konzeptfilm. Das Café existiert nicht.
Gezeigt
Scroll-Sequenz, Schnitt, Typografie, Fassungen

Weitere Studien in Arbeit: Maison Forma (Architektur und Interior) und Atelier Performance (Fitness und Kreativ). Noch nicht verfügbar.

06Fragen

Gut zu wissen.

01Brauche ich eigenes Videomaterial?

Nicht unbedingt. Viele Szenen funktionieren mit guten Fotos. Wenn ein Dreh sinnvoll ist, sagen wir das im Angebot und nennen die Kosten getrennt. Lizenzierte Stock-Aufnahmen sind eine weitere Möglichkeit.

02Wird die Website durch die Animationen langsam?

Wir planen Bewegung so, dass zuerst der Inhalt lädt und große Dateien erst bei Bedarf folgen. Performance ist Teil der Tests in jedem Paket.

03Was sehen Besucher, die Animationen ausgeschaltet haben?

Eine ruhige Fassung mit denselben Inhalten. Niemand muss eine Animation abwarten, um Öffnungszeiten oder Preise zu finden.

04Wie läuft die Bezahlung?

In Etappen nach dem Zahlungsplan im Angebot. Über diese Website wird nichts bezahlt; die Anfrage ist unverbindlich.

05Sind Hosting, Domain und Pflege enthalten?

Nein. Hosting, Domain und laufende Pflege gehören nicht zu den Paketen. Wir bieten sie auf Anfrage mit einer separaten Vereinbarung an.

07Abspann

Die nächste Szene gehört Ihrem Geschäft.

Projekt anfragen

Unverbindlich und ohne Zahlung. Wir melden uns innerhalb von 2 Werktagen.

Mit Fassung anfragenMotionExperienceCinema