VIACTIV Activ-o-mat

Sporttest mit zwölf Fragen, Ergebnis und eigener Seite je Sportart

Relaunch und Redesign
UX- und UI-Design
Webentwicklung

Die VIACTIV Krankenkasse begleitet ihre Versicherten in ein aktiveres Leben. Den Activ-o-mat auf viactiv.de haben wir neu gestaltet und technisch neu aufgebaut. Zwölf Fragen führen zu sechs Sportarten aus über 60, jede mit Video, Gründen und Übungen für den Einstieg.

Projekt

Vom Regler zur Sportart

Relaunch in Design und Technik: neue Oberfläche, Frontend in Svelte 5, Inhalte im Statamic-Backend.
Zwölf Fragen, eine pro Bildschirm: Zuerst wählst du zwei Ziele. Die übrigen elf Fragen beantwortest du per Regler mit vier Stufen.
Jede Stufe zeigt eine eigene Illustration und einen eigenen Satz, etwa die Stand-up-Paddlerin bei „genieße ich es“.
Vor der Auswertung zeigt eine Übersicht alle Antworten. Jede Antwort lässt sich dort direkt ändern.
Das Ergebnis nennt sechs Sportarten, nach Passung sortiert, die ersten drei mit Medaille. Dazu kommt ein Trendsport.
Jede Sportart hat eine eigene Seite: ein Video, die Gründe für die Empfehlung, Übungen für den Start, Wissenswertes und ein passendes Angebot der VIACTIV.

Fünf Ansichten des Activ-o-mat als lange Streifen auf Anthrazit: Startbildschirm mit den Fragen darunter, Frage 1, Frage 8, die Übersicht der Antworten und das Ergebnis.

Frage 8 als Karte auf Orange: die Überschrift „Wenn ich ins Wasser soll, dann …“, eine Paddlerin, der Satz „genieße ich es.“ und der Regler mit Rettungsring und Schwimmer an den Enden, darunter die Knöpfe zurück, Direkt zur Übersicht und weiter.

Fünf mobile Ansichten nebeneinander: Startbildschirm mit Kletterfoto und Start-Knopf, Frage 1 mit zwei gewählten Zielen, Frage 8 mit Regler, die Übersicht der Antworten und das Ergebnis mit Radsport Mountainbike auf Platz 1.

Schriftmuster „Finde die Sportart, die zu dir passt!“ in Univers Bold Condensed, daneben die Ergebniskarte Radsport Mountainbike mit Goldmedaille und die Flächenfarben Orange, Weiß und Anthrazit.

Seite der Sportart Radsport Mountainbike am Desktop und mobil, auf Orange: ein Video mit Handschuh am Lenker, darunter Kurztext und Prof. Dr. Ingo Froböse als Botschafter des Activ-o-mat.