HALT 2 · DRUCKE 01 02 03 PLA 0,24

Halt 3 · Prototyping · Diese WebsiteEine Lieferfahrt mit sechs Halten, jede Szene selbst gebaut.

Diese Website
Web & Software

Diese Website

Eine Lieferfahrt mit sechs Halten, jede Szene selbst gebaut.

live, noch als Vorschau ohne Suchmaschinen. Die Inhalte baue ich gerade um.

Antwort innerhalb von zwei Werktagen. Schreib mir kurz, worum es geht, den Rest klären wir per Mail.

Das Problem.

Die alte Seite sah aus wie ein Shop-Template. Für eine Werkstatt, die Sachen baut, die es nirgends gibt, passte das schlecht.

Was ich gebaut habe.

Die Startseite ist eine Scroll-Story. Erst wird eine Lampe gedruckt, dann fährt ein Lieferwagen los und hält unterwegs sechsmal. Eine Geste ist ein Schritt, von allein läuft nichts weiter, und zurück geht immer. Jede Unterseite hat ihre eigene Vektor-Szene, von der Dunkelkammer bis zur Kleinstadt mit Post, acht Stück insgesamt. Gebaut ist die Seite mit einer KI als Werkzeug: Sie zeichnet Entwürfe und schreibt Code, ich entscheide, wähle aus, verwerfe und prüfe am Ende jede Zeile selbst. Jeder Gestaltungsschritt kam als drei Entwürfe, ich habe einen gewählt.

  • 01Kein WebGL, keine Datenbank: SVG, GSAP für die Bewegung, PHP mit JSON-Dateien bei Hostinger.
  • 02Getestet in Safari am Desktop und im iPhone-Format, weil WebKit bei SVG-Drehpunkten anders rechnet als Chrome.
  • 03Vor jedem Umschalten lief die neue Fassung als Testseite auf dem Server. Am Ende: 17 Seiten mit HTTP 200, null PHP-Fehler.

Was als Nächstes.

Die Startseite bekommt gerade neue Inhalte und Struktur. Danach geht die Seite von der Vorschau in den echten Betrieb, mit Suchmaschinen und ohne Vorschau-Streifen.

Spezifikation

live, noch als Vorschau ohne Suchmaschinen. Die Inhalte baue ich gerade um.
Halte in der Scroll-Story
6
Eigene Vektor-Szenen (Unterseiten)
8
Entwürfe je Umbauschritt
3 zur Wahl
Technik
SVG, GSAP, PHP, JSON-Daten, kein WebGL, keine Datenbank
Hosting
Hostinger
Geprüft in
Safari Desktop und iPhone-Format
Abnahme beim Umschalten
17 Seiten HTTP 200, 0 PHP-Fehler

Interesse an „Diese Website“?

Mail genügt. Antwort innerhalb von zwei Werktagen.

anfrage stellen →