19 / 19 · Vorne, im Plan oder im Rückstand?

Contador

Contador ist ein Dashboard-Konzept fürs iPhone, das Umsatz gegenüber Ziel, Lead-Pipeline und Marktergebnisse in die Tasche der Verkaufsleitung bringt. Ich habe Konzept, Diagramme, Screens und App-Icon gestaltet, und das Projekt blieb unfertig.

Rolle
Creative Lead
Kunde
Internes Vertriebstool
Branche
Vertrieb & Unternehmenstools
Jahr
2014
Leistungen
UI-Design, Datenvisualisierung, Mobile-App-Design

Wer in einer globalen Verkaufsorganisation ein Land oder ein Büro leitet, lebt von den Zahlen: Umsatz gegenüber Ziel, dieses Jahr gegenüber dem Vorjahr und der Weg der Leads durch die Pipeline.

Diese Zahlen stecken meist in Desktop-Berichten. Unterwegs gibt es keinen schnellen Weg zu sehen, ob ein Büro vorne liegt, im Plan oder im Rückstand ist, oder wie ein Markt im Vergleich zu seinen Nachbarn dasteht.

Welche Ansichten braucht die Verkaufsleitung mindestens, um in wenigen Sekunden zu sehen, wo sie steht?

Contador antwortet mit einer Handvoll fokussierter Screens. Ein einziges Diagramm zeigt die Nettoverkäufe gegenüber Ziel und Vorjahr, auf Bändern mit den Beschriftungen «Reached», «Better» und «Behind». Ein Fächerdiagramm zeigt jede Stufe der Lead-Pipeline. Eine Tabelle stellt die Märkte nebeneinander. Wer das Handy schüttelt, öffnet die Filter für Produkt, Markt und Zweigstelle.

Meine Rolle

Creative Lead. Ich gestaltete das App-Konzept, die Diagrammsprache, die Screens und das App-Icon.

Was es schwierig machte

  • Drei Zahlen, ein Blick

    Ziel, aktueller Umsatz und Vorjahresergebnis mussten auf einem 4-Zoll-Bildschirm zusammen lesbar sein.

  • Eine lange Pipeline

    Zehn Lead-Stufen mit Werten von unter 30 bis über 13’000 brauchten eine Ansicht, in der auch kleine Stufen sichtbar bleiben.

  • Viele Märkte

    Wer eine Region verantwortet, musste Märkte vergleichen können, ohne jeden einzeln zu öffnen.

  • Filter ohne Ballast

    Filter für Produkt, Markt und Zweigstelle durften den Daten nicht im Weg stehen.

Fragen, die wir stellten

  1. Welcher Vergleich zählt für die Verkaufsleitung mehr: gegenüber dem Ziel oder gegenüber dem Vorjahr?
  2. Kann Farbe allein zeigen, ob ein Büro vorne, im Plan oder im Rückstand ist?
  3. Wie zeigt man zehn Pipeline-Stufen von sehr unterschiedlicher Grösse in einer Ansicht?
  4. Wo gehören Filter hin, wenn das Diagramm den ganzen Bildschirm braucht?
01

Umsatz gegenüber Zielen

Jede Kennzahl ist ein Gipfel im selben Diagramm: Nettoverkäufe, gesetzte Ziele und Nettoverkäufe im Vorjahr. Horizontale Bänder markieren «Reached», «Better» und «Behind». Der aktuelle Gipfel wird grün, wenn das Ziel erreicht ist, und orange, wenn das Büro zurückliegt. Über dem Diagramm stehen der Zielerreichungsgrad in Prozent und der Rang des Büros in der Region.

Umsatz gegenüber Zielen
Umsatz gegenüber Zielen

Dasselbe Diagramm in zwei Stimmungen: grün, wenn das Ziel erreicht ist, orange, wenn das Büro zurückliegt.

02

Die Lead-Pipeline

Jede Lead-Stufe, von neuen Anfragen bis zu abgeschlossenen Verkäufen und ehemaliger Kundschaft, steht mit ihrer Anzahl in einer Liste und speist ein farbcodiertes Fächerdiagramm. Der ganze Verkaufstrichter passt auf einen Screen.

Die Lead-Pipeline
Die Lead-Pipeline
Die Lead-Pipeline

Von jedem Stufen-Label führt eine Linie in den Fächer, so bleiben kleine Stufen neben grossen sichtbar.

03

Mehrere Märkte und Filter

Eine Vergleichstabelle listet die Märkte mit Nettoumsatz, Ziel und erreichtem Prozentsatz, eingefärbt nach Leistung. Wer das Handy schüttelt, öffnet ein Einstellungs-Panel, um Produkt, Markt und Zweigstelle zu wechseln oder das eigene Profil anzusehen. Der Login läuft über die Telefonnummer.

Mehrere Märkte und Filter

Das Einstellungs-Panel, das sich per Schütteln öffnet, neben der Markttabelle.

In Bewegung

Was ich mitnehme

  • Ein Diagramm, eine Frage. Ein einzelnes Diagramm, das eine Frage beantwortet, schlägt ein Dashboard voller kleiner Widgets.
  • Verspielte Ideen testen. Filtern durch Schütteln wird leicht übersehen und leicht aus Versehen ausgelöst.
  • Sagen, was es ist. Das Projekt blieb unfertig, und die Case Study sollte das auch sagen.
Creative Lead
Preetham Lawrence
Ein schwieriges Problem, das sich zu lösen lohnt?

Lösen wir es gemeinsam.

preetham.lawrence@icloud.com
+41 76 740 46 30Telefon
LinkedIn↗ Texte auf Medium↗

Designleiter in Zürich, Schweiz. Offen für Führungsrollen und ausgewählte Kooperationen.

© 2026 Preetham LawrenceÜbersicht