Arbeiten · Studie C · Erklärvideo

Erklärung

Eine Rücksendung in vier Schritten.

Freie Konzeptstudie für diesen Webauftritt · kein Kundenauftrag

Laufzeit
12 Sekunden, vier Szenen
Technik
SVG, CSS-Keyframes
Ablauf
Fiktiver Onlineshop
Ohne Ton verständlich
Ja, mit Texttafeln

Aufgabe

Viele Abläufe sind einfach, werden aber umständlich beschrieben. Die Studie zeigt die Rücksendung eines fiktiven Onlineshops so, dass man sie ohne Ton und ohne Vorwissen versteht.

Konzept

Ein Bild pro Schritt, eine Aktion pro Bild. Das Telefon bleibt als Bezugspunkt stehen, solange es gebraucht wird. Die Fortschrittsleiste zeigt jederzeit, wo man sich befindet und was noch kommt.

Umsetzung

Vier Szenen zu je drei Sekunden, gezeichnet als SVG und animiert über eine gemeinsame CSS-Zeitleiste. Die Texte sind so kurz, dass sie in drei Sekunden gelesen werden können. In einer Produktion kämen Untertitel oder eine Sprecherspur hinzu.

Ausschnitte

Schlüsselbilder aus der Zeitleiste

Die Standbilder stammen direkt aus der Animation oben: Jedes zeigt die Zeitleiste an der angegebenen Stelle.

  1. 00:01,9 sSchritt 1: Die Rücksendung wird im Konto angemeldet.
  2. 00:04,9 sSchritt 2: Der Code erscheint, das Paket ist bereit.
  3. 00:07,6 sSchritt 3: Das Paket wird an der Station abgegeben.
  4. 00:10,6 sSchritt 4: Die Erstattung ist veranlasst.

Wo so etwas eingesetzt wird

Websites, Hilfebereiche, Onboarding, Vertrieb und Schulung.