Fallstudie

Spheriq

Leitung des Produktdesigns für eine Schweizer Förderplattform

Kunde
Spheriq
Jahr
2023 — heute
Rolle
Lead Product Designer
Plattform
Webplattform
Status
Live
Website
spheriq.ch

Spheriq ist eine Schweizer Förderplattform, auf der Organisationen, Stiftungen, Fachleute und Unternehmen zueinanderfinden, Förderanträge verwalten, Recherchelisten anlegen und im gesamten gemeinnützigen Sektor zusammenarbeiten.

Ich kam als Lead Product Designer zum Projekt, als die Plattform bereits live war. In drei Jahren habe ich das Portal Modul für Modul neu gestaltet: veraltete Oberflächen verbessert, ein einheitlicheres Designsystem aufgebaut, die zentralen Förderabläufe gestaltet und die Weiterentwicklung von StiftungSchweiz zu Spheriq begleitet.

Eine Live-Plattform mit über Jahre gewachsener Komplexität

Als ich zum Projekt kam, war Spheriq bereits eine Live-Plattform mit echten Nutzerinnen und Nutzern, bestehenden Daten und über Jahre gewachsener Produktlogik. Die Aufgabe war nicht, alles von Grund auf neu zu gestalten, sondern ein großes System Schritt für Schritt zu verbessern und dabei nutzbar zu halten.

Die alte Oberfläche hatte viele typische Probleme eines wachsenden Altsystems: uneinheitliche Komponenten, veraltete UI-Muster, eine komplexe Navigation, schwache mobile Unterstützung und Produktbereiche, die kaum miteinander verbunden wirkten.

Alte Oberfläche —vor dem Redesign
Alte Suchoberfläche
Alter Verifizierungsablauf
Alte Suchergebnisse

Verantwortlicher Produktdesigner für das gesamte Portal

Als Lead Product Designer habe ich am gesamten Kernprodukt des Portals gearbeitet — von Förder- und Rechercheabläufen über Räume für die Zusammenarbeit, Organisationsprofile und KI-Werkzeuge bis zu mobilen Mustern und der öffentlichen Website.

Meine Arbeit umfasste Produktanalyse, UX-Struktur, Interface-Design, Komponentendesign, mobile Anpassungen und die Übergabe an die Entwicklung. Ausgangspunkt waren die Anforderungen des Kunden und die Geschäftsziele, die ich in Abläufe, Interface-Logik und entwicklungsreife Designs übersetzt habe.

  • Förderabläufe
  • Recherche-Werkzeuge
  • Netzwerke
  • Organisationsporträts
  • Designsystem
  • Mobile Web
  • Öffentliche Website

Neu gestalten, ohne von vorn anzufangen

Ich habe kein neues Produkt auf der grünen Wiese gestaltet. Spheriq war bereits live, mit bestehenden Nutzerinnen und Nutzern, bestehenden Daten und vielen Produktentscheidungen, die vor meiner Zeit getroffen worden waren.

Das Redesign musste schrittweise erfolgen. Wir arbeiteten Modul für Modul, während ältere Teile der Plattform neben neueren weiterbestanden. Jede neue Lösung musste ins bestehende System passen, die aktuellen technischen Grenzen respektieren und für Menschen verständlich bleiben, die die Plattform bereits kannten.

Spheriq Netzwerke

Live-Produkt

Die Plattform war bereits im täglichen Einsatz, Änderungen mussten also behutsam eingeführt werden.

Gewachsene Logik

Teile des Backends und der Datenstrukturen standen fest, das Interface musste sich danach richten.

Begrenzte Entwicklungskapazität

Oft mussten wir einen realistischen Umsetzungsweg wählen, statt alles auf einmal neu zu gestalten.

Zurückhaltende Nutzerschaft

Viele Nutzerinnen und Nutzer waren wenig digitalaffin und mit der bestehenden Oberfläche bereits vertraut.

Gestalten in einem vernetzten Ökosystem

Spheriq bestand aus vielen eng verbundenen Produktbereichen. Man konnte von der Suche in eine Rechercheliste wechseln, ein Organisationsporträt öffnen, einen Förderantrag starten und die Arbeit später in einem Netzwerk oder in der Kontakthistorie fortsetzen.

Deshalb konnte ich kein Modul als isolierte Seite gestalten. Jede Lösung musste im Gesamtportal Sinn ergeben und dazu passen, wie sich Menschen durch das Produkt bewegen.

Förderung & Recherche

  • Suche
  • Recherche & Listen
  • Förderanträge
  • Spenden

Profile & Zusammenarbeit

  • Netzwerke
  • Organisationsporträts
  • Kontakthistorie
  • Öffentliche Website

Plattform-Grundfunktionen

  • Dashboard
  • Benachrichtigungen
  • Konto & Einstellungen
  • Stiftung AI
  • Weitere Workflows
Förderanträge
Detailansicht eines Förderantrags
Recherchelisten
Liste potenzieller Partner
Netzwerke
Netzwerke in der Kartenansicht

Stiftungen bei der Prüfung von Förderanträgen unterstützen

Förderanträge wurden zu einem der zentralen Abläufe der Plattform. Ich habe die Erfahrung für beide Seiten gestaltet: für Organisationen, die Fördermittel beantragen, und für Stiftungen, die eingehende Anträge prüfen.

Für Stiftungen bestand die Hauptaufgabe darin, den gesamten Prüfprozess an einem Ort zusammenzuführen. Sie mussten den Antrag sehen, die Organisation und das Projekt dahinter verstehen, interne Notizen und Bewertungen ergänzen, den Status ändern, Dokumente exportieren und frühere Kontakte mit den Antragstellenden nachverfolgen können.

Antragsverlauf
Listenansicht
Förderanträge in der Tabellenansicht
Word-Export
Vorlage für den Word-Export

Netzwerke für die fachliche Zusammenarbeit gestalten

Netzwerke boten einen Ort, um gemeinsam an Themen zu arbeiten. Ich habe Gruppenräume gestaltet, in denen Organisationen, Stiftungen und Fachleute Beiträge veröffentlichen, Dokumente teilen, Veranstaltungen anlegen und relevante Neuigkeiten verfolgen konnten.

Anders als ein einfacher Feed mussten diese Räume die laufende Zusammenarbeit verschiedener Organisationen tragen: Diskussionen, geteilte Materialien, Veranstaltungen, Moderation und themenbezogene Communitys rund um Förderung und Philanthropie.

Hauptseite der Netzwerke — Kartenansicht
Netzwerk — Beitrags-Feed
Netzwerkgruppe — Beitrags-Feed
Beitrag — Detailansicht
Netzwerk — Dokumente
Netzwerkgruppe — Dokumente
Netzwerk — Veranstaltungen
Netzwerkgruppe — Veranstaltungen
Beitrag erstellen
Beitrag erstellen — Auswahl des Netzwerks

Porträts als zentrale Entscheidungsseite

Organisationsporträts gehörten zu den wichtigsten Seiten des Portals. Für viele waren sie das Gesicht einer Organisation oder eines Projekts: der Ort, an dem man versteht, wer dahintersteht, was die Organisation tut, ob sie relevant ist und was als Nächstes zu tun ist.

Ich habe die Seite in zwei Ebenen gegliedert. Der Hauptbereich ordnete die ausführlichen Informationen in Tabs, während das rechte Panel die wichtigsten Aktionen griffbereit hielt: auf eine Liste setzen, die Organisation kontaktieren, die Beziehung nachverfolgen, Fördermittel beantragen, spenden, abonnieren oder verbundene Netzwerke öffnen.

Ziel war es, eine sehr informationsreiche Seite leichter überschaubar und bedienbar zu machen. So ließ sich die Organisation schnell erfassen, ihre Relevanz einschätzen und der nächste Schritt gehen, ohne den Kontext zu verlieren.

Konsistenz schaffen, während sich das Produkt bewegt

Mit dem Wachstum des Produkts habe ich parallel schrittweise ein Designsystem aufgebaut und verfeinert — Typografie, Farben, Icons, Tabellen, Formulare, Navigation, Dialoge, mobile Muster und wiederverwendbare Komponenten. Das Icon-Set habe ich von Grund auf neu gestaltet, um alle Produktbereiche zu vereinheitlichen.

Neues Icon-System

Die Plattform im Arbeitsalltag erweitern

Über die Kernabläufe hinaus habe ich viele weitere Bereiche gestaltet, die die Plattform zu einem vollständigen Produkt machen: Dashboards, Benachrichtigungen, Spendenwerkzeuge, Fundraising-Abläufe, Webinare, Services, Kontoeinstellungen, Abo-Zustände und Analysemodule.

Einzeln waren diese Screens kleiner, doch zusammen prägten sie den Alltag auf der Plattform und brachten Konsistenz in das gesamte Ökosystem.

Services & Abonnement
Services und Auswahl des Abo-Plans
Assistent für Förderanträge
Schritt-für-Schritt-Assistent für Förderanträge
Startseite Spenden
Startseite des Spendenbereichs
Stiftungsbarometer
Analyse — Stiftungsbarometer
Benachrichtigungen
Benachrichtigungen — Varianten
Benutzerprofil
Benutzerprofil
KI-Assistent — Recherche
KI-Assistent — Elemente für die Recherche
KI-Assistent — Prompts
KI-Assistent — Prompt-Bibliothek

Spheriq für unterschiedliche Zielgruppen erklären

Neben dem Produkt habe ich auch die öffentliche Startseite von Spheriq gestaltet. Sie musste die Plattform mehreren Zielgruppen zugleich erklären: Organisationen auf der Suche nach Fördermitteln, Stiftungen auf der Suche nach besseren Werkzeugen, Fachleuten, Unternehmen und dem gesamten gemeinnützigen Sektor der Schweiz.

Die größte Herausforderung war, Spheriq leicht verständlich zu machen, ohne es auf ein simples Verzeichnis zu reduzieren. Die Startseite sollte zeigen, dass die Plattform Förderung, Recherche, Zusammenarbeit, Wissen und Unterstützung für einen gemeinsamen Sektor verbindet.

Eine komplexe Plattform einfacher nutzbar und wartbar machen

In drei Jahren hat meine Arbeit Spheriq geholfen, sich von einem zersplitterten Altportal zu einem klareren, besser vernetzten Produkt für den gemeinnützigen Sektor der Schweiz zu entwickeln.

Ich habe wesentliche Produktbereiche neu gestaltet, das Designsystem weiterentwickelt und an zentralen Abläufen für Förderung, Recherche, Zusammenarbeit, Organisationsprofile, Mobile und die öffentliche Website gearbeitet.

Eine der wichtigsten Erkenntnisse: Große Redesigns brauchen von Anfang an Systemdenken. Entsteht ein Designsystem parallel zum Produkt, kann jedes neue Modul fehlende Muster aufdecken und frühere Entscheidungen wieder infrage stellen.

3 Jahre Lead Product Designer
10+ große Produktmodule neu gestaltet
Live Plattform · spheriq.ch

Was ich gelernt habe

  1. Bei großen Redesigns geht es nicht nur um bessere Screens. Man muss die bestehende Produktlogik, technische Grenzen, Gewohnheiten der Nutzerinnen und Nutzer verstehen und wissen, wie ein Modul den Rest des Systems beeinflusst.
  2. Ein Designsystem sollte früh definiert werden. Entsteht es zu spät, deckt jedes neue Modul fehlende Muster auf und zwingt dazu, frühere Entscheidungen anzupassen.
  3. In einem Live-Produkt lässt sich nicht immer alles auf einmal ändern. Ich habe gelernt, das Portal schrittweise zu verbessern, innerhalb von Zeit-, Budget- und Technikgrenzen, und dabei alte und neue Teile der Oberfläche verbunden zu halten.