Produkt-Teaser aus einer Glasform

Baue einen 8-sekündigen Produkt-Teaser in 1920×1080 als HTML-Komposition, eine durchgehende Einstellung ohne Schnitt.

Frag mich zuerst nach: Produktname, drei Bildschirme oder Bedienelemente des Produkts, einer Akzentfarbe.

Ablauf: Eine runde Glasform (Hintergrund verzerrt durch sie hindurch) schwebt in die Mitte. Sie wird zum Knopf mit dem Produktnamen, ein Mauszeiger klickt. Die Form wächst zur Karte mit dem ersten Bildschirm, zieht sich zur Leiste zusammen, wird zum Handy-Rahmen mit dem zweiten Bildschirm. Am Ende schrumpft alles zurück in den Punkt hinter dem Produktnamen.

Bewegung: ruhige Federn ohne Überschwingen, eine Kamerasprache. Jede Größe und jeder Radius ist dieselbe Form, die sich verändert, nichts blendet ein.

Technik: alles als Funktion der Zeit, Glas über SVG-Displacement, Bewegungsunschärfe aus Teilbildern. Vor dem Rendern drei Standbilder zur Prüfung.