Bereich 02 · 10 Arbeitsproben
Kacheln statt Seitenlauf, ein Raum statt Menü, Stimme statt Formular, das Handy als Fernbedienung. Ideen für Seiten, die man nicht vergisst.
QR-Code scannen, dann steuert das Handy per Neigen und Touch die 3D-Szene auf dem Desktop. Supabase Realtime Broadcast, Gyroskop, Latenz-Anzeige. Zwei Geräte, eine Szene.
Handgesten per Webcam steuern die Seite: Zeigen, Greifen, Wischen. MediaPipe läuft lokal im Browser, kein Bild verlässt das Gerät. Datenschutz als Feature.
Scroll-Story mit 0 KB JavaScript: Scroll-getriebene Animationen, View Transitions, Anchor Positioning, Popover, Container Queries. Die Plattform kann das selbst.
Komplette Firmenseite als Vollbild-Kachelraster ohne Scrollen. Jede Kachel ist ein Mini-Programm und klappt an Ort und Stelle auf: Öffnungszeiten, Preisrechner, Bewertungen, Kontakt, Galerie.
Eine gezeichnete Werkstatt füllt den Bildschirm. Jedes Objekt ist eine Sektion: Monitor, Ordner, Telefon, Kalender, Transporter. Klick, die Kamera fährt ran, der Inhalt erscheint im Objekt. Kein Menü.
Das ganze Portfolio auf einer einzigen Fläche wie ein Stadtplan. Klick fliegt die Kamera hin, Minimap, Brotkrumen, jede Position hat eine teilbare URL. Lebenslauf als Landkarte.
Grundriss mit dem Finger zeichnen, Wände wachsen live als 3D-Modell hoch, Türen und Fenster setzen, Boden und Wandfarbe wählen. Daneben entsteht das Angebot mit Flächen, Mengen und Preisrahmen.
Ein Link, zwei Bildschirme, eine Seite: Berater und Kunde sehen die Cursor des anderen, jeder Klick im Konfigurator landet live beim Gegenüber. Marker, Kurzchat, Handzeichen. Co-Browsing ohne SaaS.
Die Seite hört zu und spricht zurück: Termin, Anfrage, Preisrechner und Navigation per Stimme. Web Speech API im Browser, deutscher Datums-Parser lokal, Felder rasten live ein. Barrierefreiheit zum Anfassen.
Siebzehn Einstiege im direkten Vergleich, nach Aufwand gruppiert und jeder echt scrollbar. Von Vorhang und Ebenen bis zur Bildstrecke am Scrollrad, einem eigenen WebGL-Shader, Schrift aus abgetasteten Partikeln und einem Anflug auf den Drachenfels aus offenen Geodaten. Unter jeder Bühne steht, wofür sie taugt und wo sie an ihre Grenze kommt.
Nächster Bereich
Web-Apps
Vollwertige Anwendungen im Browser