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 UND 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 und 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 und KI.

Ich dokumentiere Design Systeme als design.md, eine 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 mit Live Preview und DESIGN.md
design.md im Repo, versionierbar und kopierbar für KI & Devs
Echte v4-Tokens (--ws-heat, Nambya, Blocks) statt Mockups
Weniger Figma-Handoff, die 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, sondern 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