Tobias Affüpper

ProjekteProfilLeistungenVorteileKontaktShop
tobias@taffr.de
tobias@taffr.de
EinleitungProzessPrototyp
Nächstes Projekt

App Dafür!

Die App für alles und Jeden.
Konzept
UX/UI Design
Prototyping
Kunde
HSD
Datum
2021
Rolle
UX/UI Designer

Das Problem

In einer zunehmend virtuellen Welt haben Menschen immer weniger reale Kontakte. Durch Remote work, Meetings und Digitalisierung werden Menschen immer einsamer und haben Probleme ihre wenige freie Zeit mit Gleichgesinnten und ihren bevorzugten Aktivitäten zu füllen.

Das Ziel

Das Ziel ist es, Menschen mit genau diesen digitalen Mitteln zu echten analogen Treffen zu verhelfen. Mit der App dafür! entsteht eine Lösung die motivierte Mitmacher für Hobby, Sport oder Reisen verbindet sowie benutzerfreundliche Tools, um gemeinsame Aktivitäten zu planen und in Kontakt zu treten.

Design Prozess

Scribbles

Mithilfe von Scribbles wurde das grobe Aussehen gestaltet anhand derer schnell viele Varianten entwickeln werden konnten. Die Scribbles halfen dabei Lösungsansätze zu finden und um grob abschätzen zu können, ob diese funktionieren.

Wireframes

Wireframes dienen dazu die Inhalte und Funktionen getrennt von der Ästhetik zu besprechen. Da ich als Designer jedoch die Möglichkeit hatte sehr schnell fertige Layouts zu erstellen, konnte ich den Schritt bei diesem Projekt überspringen und direkt detaillierte Versionen der Seiten in Form von Mockups anlegen, um sie im gesamten miteinander zu vergleichen.

Designsystem

Nachdem ich mich nach verschiedenen Design Varianten auf Farben, Typografie und Icons festgelegt hatte, konnte ich mit den Komponenten ein Designsystem anfertigen. Dadurch wurde über alle Screens ein konstantes Design erschaffen, um den Nutzer nicht zu verwirren und eine gute Usability zu gewährleisten. Durch vordefinierte Komponenten zu: Header, Tab-Bar, Buttons usw. konnte ich zudem schnell individuelle Varianten einstellen und passend zu jedem Screen verwenden.

Prototyp

Um das Design abzuschließen, entstand der Auto-Animate-Prototyp, indem alle Screens miteinander verbunden wurden. Dadurch konnte ich die App an Usern testen und die User Journey durch Mikro-Animationen deutlich aufwerten. Zudem konnte ich durch diesen Schritt einige fehlerhafte Verknüpfungen ausbessern.

Probier den nachfolgenden Prototypen gerne selbst aus:

Weitere Projekte:

Leha-Invest Website

Konzept - UX/UI Design - Webflow
Projekt ansehen

Screen Mirroring Web App

UX/UI Design - Webflow - Werbevideo
Projekt ansehen

Tobias
Affüpper

ProjekteProfilVitaSkillsKontaktShop

Alle Rechte vorbehalten

ImpressumDatenschutzerklärung
Cookie-Einstellungen