Farbe, Typografie, Raster und Abstände festlegen.
UI Design & Designsysteme
UI Design Agentur Berlin · Komponenten · Tokens · Designsysteme
UI Design & Designsysteme.
99views gestaltet UI-Systeme. Als Berliner 360° Kreativagentur verbinden wir Interface Design, UX Research und Entwicklung.
INTERFACE · COMPONENTS · TOKENS · DOCUMENTATION
99views · BerlinKlare Oberflächen. Wiederverwendbare Bausteine.
Varianten und Zustände wiederverwendbar gestalten.
Verhalten und Feedback konsistent beschreiben.
Nutzung, Pflege und Zuständigkeiten regeln.
Was ist ein Designsystem?
Ein gemeinsames System für digitale Oberflächen.
Ein Designsystem bündelt eine Komponentenbibliothek, Designrichtlinien, Tokens und Governance. Ein Styleguide bildet den visuellen Teil ab.
UI Design gestaltet Oberfläche und Interaktion; UX Design betrachtet Nutzungserlebnis, Struktur und Abläufe. Beide Disziplinen greifen ineinander.
01UI-Design-Leistungen
Foundations · Interaction · Components · Governance
Vom Interface zum nutzbaren System.
Visuelle Grundlagen
Wir definieren Farbe, Typografie, Icons, Abstände und Raster für responsive Oberflächen.
Interface & Interaktion
Wir gestalten Hierarchie, Layout, Feedback und Zustände für zentrale Interaktionen.
Komponenten & Design Tokens
Buttons, Formulare und weitere Komponenten erhalten Varianten, Zustände und zentrale Tokens.
Figma Library & Governance
Wir strukturieren Auto Layout, Varianten und Dokumentation für Übergabe, Pflege und Zuständigkeiten.
02Ausgewählte Projekte
Websites · E-Commerce · Product UX · Mobile UX
Digitale Interfaces in realen Projekten.
Pay2Easy 2026
Fintech · UX/UI · Payment Journey
Nima Berlin 2026
Skincare · Product UX · E-Commerce
Medical Skin Spa 2026
Medical Beauty · Mobile UX · Treatment Journey
Piece by Piece 2026
Streetwear · Mobile UX · E-Commerce
Weitere Projekte
Weitere Websites & Projekte.
Hair ExtensionsGlow Secret 2026
E-Commerce · WooCommerce · Shop UX
FashionAzzur Berlin 2026
E-Commerce · Website-Relaunch · UX/UI
EducationMHD Bildung & Schulung 2026
Education · Website · UX/UI
Medical BeautyNatural Aesthetic 2026
Medical Beauty · Webdesign · SEO
PharmaMaddox Pharma Swiss 2026
Pharma · Corporate Website · Product UX
PharmaSawa Pharma Iraq 2026
Pharma · Corporate Website · UX/UI
KinderzahnklinikLittle Miracle 2026
Kinderzahnklinik · Filmproduktion · Storytelling
GastronomieRestaurant Rasas 2026
Gastronomie · Branding · Contentproduktion
03Unser UI-Prozess
Audit · Foundations · Components · Handoff
Vom Interface-Audit zum gepflegten System.
Audit & Umfang
Produkte, bestehende Muster, Zielplattformen und Anforderungen von Design und Entwicklung erfassen.
Foundations & Tokens
Visuelle Prinzipien sowie zentrale Werte für Farbe, Typografie, Raster und Abstände definieren.
Komponenten & Muster
Komponenten, Varianten, Zustände, Interaktionen und relevante Nutzungsmuster ausarbeiten.
Dokumentation & Handoff
Nutzung dokumentieren, Verantwortlichkeiten klären und die technische Umsetzung gemeinsam abstimmen.
04Designsystem-Wissen
UI/UX · Atomic Design · Figma · Governance
Was ein Designsystem langfristig nutzbar macht.
UI und UX
UX strukturiert das Erlebnis; UI gestaltet Oberfläche und Interaktion.
Atomic Design
Atomic Design kann Komponenten nach Bausteingröße ordnen; es ist kein Pflichtmodell.
Figma als Arbeitsumgebung
Auto Layout, Varianten und Bibliotheken unterstützen Aufbau und Übergabe.
Pflege & Governance
Klare Zuständigkeiten, Versionierung und Qualitätsregeln unterstützen die laufende Pflege.
05Passende Leistungen
Research, Prototyping und Testing verbinden
Passende Leistungen rund um das Interface.
06FAQ
Häufige Fragen
Fragen zu UI Design & Designsystemen.
01Was ist ein Designsystem?
Eine gemeinsame Sammlung aus UI-Komponenten, Gestaltungswerten, Regeln, Mustern und Dokumentation für Design und Entwicklung.
02Was ist UI Design?
UI Design gestaltet die sichtbare und interaktive Oberfläche eines digitalen Produkts, darunter Typografie, Farbe, Layout, Komponenten und Zustände.
03Was ist der Unterschied zwischen UI Design und UX Design?
UI Design konzentriert sich auf Oberfläche und Interaktion. UX Design betrachtet das gesamte Nutzungserlebnis, die Struktur und die Abläufe.
04Welche Vorteile bietet ein Designsystem?
Es kann Konsistenz, Wiederverwendung, Abstimmung und Pflege unterstützen. Der Nutzen hängt von Qualität, Akzeptanz und Governance ab.
05Welche Bestandteile gehören zu einem Designsystem?
Typisch sind Foundations, Design Tokens, Komponenten, Varianten, Interaktionsmuster, Dokumentation, Richtlinien und Verantwortlichkeiten.
06Warum sind UI-Komponenten für digitale Produkte wichtig?
Wiederverwendbare Komponenten können einheitliches Verhalten fördern und wiederholte Design- und Entwicklungsarbeit reduzieren.
07Wie erstellt man ein Designsystem in Figma?
Zuerst werden Foundations definiert, danach Komponenten mit Auto Layout, Varianten und Zuständen aufgebaut, dokumentiert und als Bibliothek gepflegt.
08Warum sorgen Designsysteme für ein konsistentes Nutzererlebnis?
Gemeinsame Muster erleichtern Orientierung und Wiedererkennung. Konsistenz entsteht jedoch nur, wenn das System korrekt angewendet und gepflegt wird.
UI-System gemeinsam aufbauen
Ein Interface mit klaren Regeln entwickeln.
Wir klären Plattformen, Muster und Teamanforderungen für den passenden Projektumfang.
Designsystem anfragen