Alfa-Capital

Abgeschlossen 2016

Benutzeroberfläche einer mobilen App für iOS iPhone.

Aufgabe

Die Benutzeroberfläche einer mobilen App für iOS iPhone als Alternative der Benutzeroberfläche für Desktop-Computer zu entwickeln.


Alfa-Kapital verwaltet Investitionen und erbringt Treuhanddienstleistungen. Für die Erweiterung des Dienstleistungsspektrums und Vereinfachung des Zugangs zur Information über eigene Investitionen entschied sich die Gesellschaft für die Entwicklung einer mobilen App.

Das Hauptziel der App ist die Bereitstellung von Informationen über Investitionen und Treuhandverwaltung. Das zweite Ziel ist, den Kunden die Möglichkeit zu gewähren, ihre Investitionen selbstständig zu verwalten.

Wireframes

Wir analysierten sorgfältig die Web-Benutzeroberfläche, ermittelten die wichtigsten Bedürfnisse und Herausforderungen der Kunden und fanden Lösungen. Aufgrund der ermittelten Daten erstellten wir die Struktur der Benutzeroberfläche und Bildschirm-Wireframes.

Wireframes

Benutzeroberfläche

Wir untersuchten sorgfältig das Markenbuch von Alfa-Kapital, studierten die Präsenz von Alfa-Kapital im Internet durch und fingen mit der Entwicklung von Wireframes an.

Starten

Beim ersten Start der App hat der Benutzer die Vereinbarung mit einer SMS-Code anzunehmen.

Starten

Startbildschirm

Im Hochformat des Bildschirms gibt die App einen Überblick über alle Aktivitäten auf den Konten des Kunden.

Startbildschirm

Im Querformat des Bildschirms stehen Daten in grafischer Darstellung im Fokus.

Querformat

Wertpapierinvestitionsfonds und Treuhandverwaltung

Verwaltung von Wertpapierinvestitionsfonds

Verwaltung von Wertpapierinvestitionsfonds

Treuhandverwaltung

Treuhandverwaltung

Kartenzahlung

Kartenzahlung

Das Ergebnis der Designerarbeit war ein interaktiver Prototyp in Invision, der dem Kunden und den Entwicklern erlaubt, zu verstehen, wie die mobile App funktionieren wird.

Animation

Gegen Ende der Wireframing-Phase begannen wir mit der Erstellung kurzer Videos, die dem Entwicklungsteam helfen sollten, spezielle Funktionen der Benutzeroberfläche zu animieren.