Johannes Klein
MenüSchließen

doorlin

Product Design (UX/UI): Kollaborationsplattform „doorlin“

Projektumfang

  • Gründer
  • CEO und Lead Product/UX Designer: Konzeption
  • Design System
  • UI
  • Marke
  • Marketing

Laufzeit

2015 – 2024

Eine Plattform, auf der Notizen, Dateien, Nachrichten und Whiteboards nicht mehr in getrennten Tools leben, sondern zusammenarbeiten.

doorlin ist ein Cloud-Kollaborationssystem, in dem verschiedene Dienste eng verknüpft sind: Notizen, E-Mail-Messenger, Whiteboard und Dateimanager auf einer Oberfläche und einem Datenmodell. Die Apps zeige ich auch als eigene Fallstudien.

Als Gründer, CEO und Product Designer habe ich die gesamte Produktlinie gestaltet: User Storys, Personas, Design System, User Flows, UI, (Mikro-)Interaktionen, Marke und Landingpages.

01

Zielsetzung

Ziel des Unternehmens und der Nutzer – und mein Beitrag dazu.

Unternehmen
Ein eigenes B2B-SaaS-Produkt positionieren: eine Plattform statt vieler Einzel-Apps, mit einem Nutzenversprechen, das in Marke, Website und Produkt gleich klingt.
Nutzer
Teams erfassen, finden, bearbeiten und teilen Inhalte an einem Ort, ohne Toolwechsel und Doppelpflege.
02

Herausforderung

Daten, Erkenntnisse und Schmerzpunkte, auf denen die Lösung aufbaut.

Ausgangspunkt ist der Alltag von Teams in kleinen und mittleren Unternehmen: Inhalte verteilen sich auf E-Mail, Chat, Dateiablage und Notizen. Ich habe diese Wege als Journeys kartiert und daraus Personas und User Storys abgeleitet.

  • Informationen liegen in getrennten Tools und müssen zusammengesucht werden.
  • Dateien, Notizen und Nachrichten haben keinen gemeinsamen Zusammenhang.
  • Teilen und Zusammenarbeiten brauchen viele Schritte.
03

Lösung

Ansatz, Interaktionsmuster, Oberflächen und Vorgehen.

Ansatz & Interaktionsmuster

Dienste tief verknüpfen: Jedes Objekt – Notiz, Datei, Nachricht – lässt sich überall wiederfinden, einbetten und teilen. Aus einer Konzeptkarte der Objekte und ihrer Beziehungen habe ich die Patterns abgeleitet: gemeinsamer Dateimanager, einheitliche Freigabe-Dialoge, durchgängige Navigation und Suche.

Product Design (UX/UI): Kollaborationsplattform „doorlin“
Konzeptkarte: Objekte, Dienste und ihre Beziehungen.
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Überblick über Ansichten und Zustände.

Oberflächen, Abläufe & Vorgehen

Von User Flows und Low-Fi-Wireflows über ausgearbeitete Screens zum Design System, das Komponenten und Verhalten verbindlich macht. Dateimanager, Profil, Filter, Listen und Dialoge folgen denselben Regeln.

Product Design (UX/UI): Kollaborationsplattform „doorlin“
User Flows: Aufgaben Schritt für Schritt durchgespielt.
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Wireflows als Low-Fi-Basis der Screens.
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Dialoge: Kontext oben, Aktion unten.
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
04

Wirkung & Validierung

Ergebnis und Validierung.

Ergebnis
Eine durchgängige Plattform-Oberfläche mit gemeinsamem Design System, die als Produktfamilie funktioniert – inklusive Marke, Landingpages und Produktdarstellungen.
Validierung (geplant)
Nutzertests der Kernflows (Teilen, Wiederfinden, Zusammenarbeiten), Kennzahl Zeit bis zur ersten Freigabe.
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Produktdarstellung für Website und Marketing.
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“
Product Design (UX/UI): Kollaborationsplattform „doorlin“

Alle Projekte →

Lassen Sie uns Ihr Projekt angehen.

Projekt besprechen →