Onboarding für die Beachvolleyball-App BeachUp
Die BeachUp-App ist ein nützliches Tool für alle Beachvolleyball-Fans. Mit der App können Beachvolleyballer*innen auf einfache Weise Mitspieler*innen und Beachvolleyballplätze finden. Innerhalb der Community können sich die Nutzer über Spielplätze austauschen und sogar Termine für Spiele und Turniere organisieren. Zusätzlich bietet die App einen persönlichen Spielplan, um die Termine einfach im Auge zu behalten.
Ich wurde beauftragt, das Onboarding für die App zu gestalten, das beim ersten Öffnen durchlaufen werden soll. Dabei sollen alle wichtigen Funktionen kurz und prägnant vorgestellt werden, damit sich die Nutzer*innen schnell mit der Bedienung vertraut machen können.
Komponenten
Hintergrund
Für das Onboarding habe ich vier Hauptthemenbereiche definiert. Dafür habe ich vier Panels erstellt und zwei Hintergrundflächen über die gesamte Breite des Onboardings platziert, um Dynamik und Zusammengehörigkeit zu vermitteln. Die Linienführung wurde organisch gestaltet, um eine emotionale Verbindung zu Strand und Meer herzustellen.
Illustrationen
Die Hauptelemente waren Illustrationen, die jeweils einem Panel und damit einem Oberthema zugeordnet wurden. Die Illustrationen wurden in den Farben der BeachUp-App gestaltet und zunächst auf Papier skizziert, bevor sie mit einem Zeichenpad in Illustrator digitalisiert wurden.
Die Illustrationen sind schlicht, aber dennoch persönlich und lebendig. Sie integrieren die Farben sowie die Signets des Corporate Designs.
Fortschrittsanzeige
Jedes einzelne Panel verfügt über eine Fortschrittsanzeige, die den Benutzer*innen eine Orientierung über seine Position im Onboarding bietet. Dazu wurde ein integriertes Designelement entwickelt, das sowohl als Schaltfläche als auch als Fortschrittsanzeige fungiert.
Endergebnis
Alle einzelnen Elemente wurden in ein einheitliches und harmonisches Layout überführt. Der Text ist in eine prägnante Headline gegliedert, die die wichtigsten Funktionen beschreibt und gleichzeitig eine Handlungsaufforderung darstellt. Im letzten Panel wurde ein Button eingefügt, über den man sofort Teil der Community werden kann. Wer das Onboarding überspringen möchte, kann jederzeit im Onboarding über den Button „Skip“ abbrechen und direkt zur App springen.
