UX & UI Design
Designsystem

Neue UX und UI für die CRM Software umsatz.io

In Zusammenarbeit mit Nadia Wiegand

Über den Kunden umsatz.io & das Projekt

Die A&M Unternehmerberatung GmbH ist eine Online Marketing Agentur und haben sich auf Fachfirmen rund ums Haus spezialisiert.

Zusammen mit Nadia Wiegand habe ich an einer neuen User Experience und einem nutzerzentriertem Interface Design gearbeitet. Ziel war es ein Konzept und Design für einfach zu bedienendes CRM (Customer-Relationship-Management) mit dem Namen umsatz.io zu erstellen, was den individuellen Anforderungen des Kunden gerecht wird.

Benutzeroberfläche der umsatz.io Software zur Übersicht und Verwaltung von Verkaufspipelines mit eingeblendetem Menü und Kontaktinformationen.
Computerbildschirm zeigt ein Kanban-Dashboard mit mehreren Projektmanagement-Spalten, daneben Handy, Kaffeetasse und Zimmerpflanze auf dem Schreibtisch.
Einblick in das Projekt in der Designsoftware Figma
Benutzeroberfläche mit verschiedenen Formularfeldern und Modalen, darunter Login mit E-Mail stevejobs@apple.com, Datenlöschbestätigung und Kundendaten für Steve Jobs.

Im Hintergrund: Designsystem und Komponentenbibliothek

Neben dem Screendesign der Webapp wurde ein Designsystem aufgebaut, welche eine Farbpalette, Typografiebibliothek, ein Abstandskonzept und alle notwendigen UI-Elemente umfasst. Zusätzlich wurde eine Komponentenbibliothek aufgebaut, welche wiederkehrende Elemente wie Modals, Cards, Formulare und vieles mehr umfasst.

So können in Zukunft neue Bereiche der Web App von umsatz.io einfach und effizient gebaut werden.

Erfahre wie meinen Kunden helfe, ein zukunftsorientiertes Designsystem zu bauen

Kanban-Ansicht eines CRM-Systems mit Spalten für Anfragen, Nachverfolgung und qualifizierte Leads, inklusive Kontaktdaten wie Name und Produkt.
Kanban View zur Verwaltung von Anfragen
Dashboard-Benutzeroberfläche zeigt eine Pipeline-Verwaltung mit Karten für Anfragen und Nachverfolgung, inklusive Name Steve Jobs und Produkt Landhausküche.
Verschiedene Bereiche von umsatz.io
Benutzeroberfläche mit Login-Feld, Kundendatenformularen und einer Datenlöschbestätigung in deutscher Sprache.
Verschiedene Komponenten des Designsystems
Benutzeroberfläche mit Formularen und Kontaktinformationen für Steve Jobs und Julia Müller, einschließlich Dealphasen, E-Mail-Adressen und Terminen.
Verschiedene Komponenten des Designsystems
Drei Benutzeroberflächenfeldanzeigen: Ein Login-Formular mit E-Mail und Passwort, eine Datenlöschbestätigung mit Abbrechen- und Löschen-Buttons, und ein Formular zum Hinzufügen eines benutzerdefinierten Feldes mit Dropdown-Auswahl und Speichern-, Zurücksetzen- und Abbrechen-Schaltflächen.
Verschiedene Modale der Komponentenbibliothek
Login-Seite mit E-Mail- und Passwortfeldern, Schalter für angemeldet bleiben und Login-Button neben einer Benutzeroberfläche für Kontaktverwaltung mit Angeboten und Leads.
Der Login-Screen

Aktuelle Projekte

SaaS

Webflow

Webdesign

MEETOVO: Website-Relaunch für SaaS Recruiting-Software

Webflow

Webdesign

SaaS

Famedly: SaaS-Website für den ersten TI-Messenger

Webdesign

Webflow

Agentur

Website Relaunch für die A&M Unternehmer­beratung

Alle Projekte