Hoch
Startnext

Projekt Interface

Startnext ist eine Crowdfunding-Plattform aus Dresden für die Menschen, die kreative und nachhaltige Projekte haben. Die Projekt-Starter*innen benutzen das Projekt Interface, um ein Projekt auf der Plattform anlegen zu können.

IA

Design System

Gamification

Responsive Design

Crowdfunding

Tipps

Crowdfunding

Mit Crowdfunding lassen sich private Projekte, innovative Produkte, Immobilien, Startups, etablierte Unternehmen und vieles mehr finanzieren [...] Dabei wenden sich die Projektinitiatoren direkt an die Öffentlichkeit, um möglichst viele Interessenten für eine gemeinschaftliche Finanzierung zu gewinnen. Ob ein Projekt realisiert wird, wird also nicht durch eine traditionelle Instanz  – wie z.B. eine Bank oder Förderinstitution – sondern direkt durch die Crowd entschieden.
Quelle aufrufen

Ausgangslage

Problem

Das Projekt Interface startete, als Startnext sich noch in der Gründung befand. Seitdem hat das Design sich wenig geändert, z.B: die Architektur des Interfaces blieb in vergangenen Jahren fast unverändert. Und es ist noch nicht responsiv.

Herausforderung

Startnext hat ein sehr breites Publikum. Von der jungen Studentin, die für ihren neuen Film nach Unterstützung sucht, bis zu Benutzern im hohen Alter, die ihren Enkelkindern Geschichte aus Büchern erzählen möchten. Sie müssen mit oder ohne Hintergrundwissen über Crowdfunding das Interface benutzen können. Aufgrund der mangelnden Kapazität von Support-Team können ihre Fragen nur teilweise beantwortet werden. Wenn der Crowdfunding-Prozess oder bestimme Begriffe nicht verstanden werden, brechen sie den Vorgang ab.

Ziel

Anforderungen

Die moderne Interaktion, eine mobile Version, eine selbsterklärende Informationsarchtektur und das ganze Interface Design mit dem neuen Startnext Design System aufzufrischen.

Lösung

Das neue Projekt Interface basiert auf Gamification, moderner Informationsarchitektur und das Startnext Design System. Sie dienen dazu, dass die Benutzer sich nur auf die wichtigsten und relevantesten Aufgaben während des gesamten Prozesses fokussieren können.

Informationsarchitektur

Die neue IA ordnet alle essentiellen Funktionen, die für den Erfolg jedes Projekts relevant sind und die optionale Funktionen, die die Starter:innen unterstützen bzw. beraten sollten, in die vier Phasen des Crowdfundings ein.

Layout

Desktop
Das Desktop Design besteht aus drei Hauptspalten, nämlich Sidebar (Links), Eingabebereich und schließlich Toolbar(Rechts). Mit diesem Layout wird der große Bildschrim eines Desktop effizienter genutzt.
Mobil
Aufgrund der begrenzten Screengröße benutzt das Layout auf Mobil das Prinzip "staged disclosure", damit die Benutzer schrittweise durch das ganze Interface geleitet werden können.

Gamification

Die Starter:innen sollen Fortschritts-Punkte sammeln, um zur nächsten Phase übergehen zu können. Sie können einen Punkt bekommen, dadurch dass sie das Thema "Basisinformationen" abschließen.

Navigation (Mobil)

Die neue Navigation besteht aus drei Ebenen: Dashboard, Übersicht einer Funktion und Detailsseite.
Das Beispiel rechts folgt der neuen Navigation: Statistik-Card in Dashboard, Statistik-Übersicht, Detailsseite.

kontextuelle Sticky UI Elemente

Sticky "Hilfe" Button tauchen in dem Interface auf, wo viele Starter:innen laut der Umfrage nicht zu­recht­kom­men.
#Sneakpeek #Prototyp #Figma
Erleben Sie das Projekt Interface und den Mechanismus durch den Prototyp in Figma
Prototyp aufrufen
Es gibt einen festen Ablauf,
damit Gamification visualisiert werden kann.
© Designed by Pengyun in Berlin