Zum Inhalt springen
[ 01 / 08 ]UI / UX Design
UI DesignUX DesignPrototypingDesign System

Interfaces, die überzeugen — nicht nur aussehen.

UI/UX Design für B2B-Software, Web Apps und Dashboards. Von der ersten Nutzerführung bis zum fertigen Design System — strukturiert, skalierbar und mit messbarem Einfluss auf Conversion und Nutzerzufriedenheit.

FIGMA · PROTOTYP
Analytics Dashboard
DesignPrototype

LAYERS

Dashboard
Header
KPI Row
Chart
Table
OverviewFrame · Desktop
Sessions
12.4k
+8%
Conversion
3.2%
+0.4%
Bounce
41%
-2%
Landing /ki-agent
Pricing /preise
Contact /kontakt
1440 × 900

Ecken ziehen · Inhalt passt sich an

[ 02 / 08 ]Referenz-Systeme

BEKANNTE DESIGN SYSTEME — ALS ORIENTIERUNG & REFERENZ

Material DesignGoogle
Fluent UIMicrosoft
CarbonIBM
LightningSalesforce
PolarisShopify
Atlassian DSAtlassian
Ant DesignAlibaba
Base UIMUI
[ 03 / 08 ]Leistungen

UI/UX Design, Prototyping und Systeme

Für Unternehmen, die eine grafische Oberfläche neu aufbauen oder bestehende Interfaces modernisieren wollen — egal ob Website, Web App oder internes Dashboard.

01

UX Design

Nutzerflüsse, Wireframes und Konzepte, die funktionieren — bevor eine einzige Zeile Code geschrieben wird.

02

UI Design

Visuelle Oberflächen mit System: Farben, Typografie, Komponenten — konsistent über alle Screens.

03

Prototyping

Klickbare Prototypen in Figma, die intern präsentiert und mit echten Nutzern getestet werden können.

04

SVG & CSS Animation

Performante Mikroanimationen und SVG-Illustrationen, die Interfaces lebendig machen.

05

Web App & Dashboard

Komplexe Oberflächen für Software, SaaS und interne Tools — strukturiert, skalierbar, intuitiv.

06

Design System

Dokumentiertes Komponenten-System das Teams und Agenturen als Single Source of Truth nutzen.

[ 04 / 08 ]Tools

Die Tools, mit denen ich arbeite.

Kein Werkzeug-Chaos — sondern ein bewusster Stack für jeden Schritt im Designprozess.

F
Figma
Design & Prototyping
S
Sketch
Mac UI Design
C
Claude Design
KI-gestütztes Design
F
Framer
No-Code Prototyping
S
Storybook
Komponenten-Doku
L
Lottie / GSAP
SVG & CSS Animation
[ 05 / 08 ]DESIGN.md

DESIGN.md — öffentlich, versionierbar, für Mensch & KI.

Ich dokumentiere Design Systeme als design.md — strukturierte Markdown-Spec mit Farben, Typografie, Spacing und Komponenten. Nicht als PDF im Figma-Ordner, sondern im Repository neben dem Code.

Mein v4-System ist live unter /designsystem: interaktive Preview, kopierbare DESIGN.md-Ansicht und die gleichen Tokens, mit denen diese Website gebaut ist.

Öffentlich unter /designsystem — Live Preview & DESIGN.md
design.md im Repo — versionierbar, kopierbar für KI & Devs
Echte v4-Tokens (--ws-heat, Nambya, Blocks) statt Mockups
Weniger Figma-Handoff — Spec lebt neben dem Code
[ 06 / 08 ]Prozess

Von der Idee zum fertigen Interface.

01

Verstehen

Nutzer, Kontext, Ziele.

02

Konzipieren

Flows, Strukturen, Wireframes.

03

Gestalten

UI, Komponenten, System.

04

Übergeben

Handoff, Specs, Begleitung.

[ 07 / 08 ]Warum UI/UX

Gutes Interface-Design ist kein Kostenfaktor — es ist ein Wachstumshebel.

Nutzer entscheiden in Sekunden. Ein schlechtes Interface kostet Conversions, Vertrauen und Zeit.

88%
der Nutzer kehren nach schlechter UX nicht zurück
200%
höhere Conversion durch gutes Interface-Design
1s
dauert es bis Nutzer urteilen — Design first
[ 08 / 08 ]Kontakt

Ihr Interface verdient das beste Design.

Ob Sie ein Interface neu aufbauen, ein bestehendes modernisieren oder ein Design System einführen wollen — ich begleite Sie vom Konzept bis zum fertigen Handoff.

Kostenlose ErstberatungFigma → Dev-HandoffDesign System inkl.
Footer