UI-Design

UI-Design: klare, konsistente und entwicklungsfertige Oberflächen

So arbeiten wir

Vom Wireframe zur fertigen Oberfläche in 4 Phasen

01
Visuelle Richtung
Erst der Stil, dann die Screens.
Wir starten bei Ihrer Brand Identity und definieren die visuelle Richtung der Oberfläche: Farben, Typografie, Icons, Bildsprache und Tonalität. Für die wichtigsten Screens präsentieren wir zwei bis drei Entwürfe.
Ist die Richtung gewählt, wenden wir sie konsequent auf das ganze Projekt an. Gibt es noch keine Brand Identity, entwickeln wir sie gemeinsam mit unserem Service Konzept & Visual.
Farbpalette einer Brand Identity
Design einer Landingpage
02
Interface Design
Jeder Screen, jeder Zustand, jedes Gerät.
Wir gestalten alle Screens in Figma für Desktop, Tablet und Mobile, einschließlich Leerzustände, Fehler, Ladezustände und Bestätigungen, die oft vergessen werden.
Wir arbeiten mit wiederverwendbaren Komponenten: Die Oberfläche bleibt konsistent und spätere Änderungen kosten weniger.
Business-Oberfläche auf dem Tablet
UI eines mobilen Checkouts in drei Schritten
03
Prototyp und Barrierefreiheit
Eine schöne Oberfläche muss für alle nutzbar sein.
Wir verbinden die Screens zu einem interaktiven Prototyp und prüfen Kontraste, Schriftgrößen, Touch-Flächen und Tastaturnavigation nach den WCAG-Richtlinien.
Enthalten
  • Interaktiver Prototyp in Figma
  • Kontrastprüfung nach WCAG 2.2
  • Hell- und Dunkelmodus
  • Microinteractions und Animationen
Mobile Oberfläche im Hell- und Dunkelmodus
Low-Fidelity-Wireframe für Desktop
04
Übergabe an die Entwicklung
Vom Design zum Code, ohne Überraschungen.
Wir liefern geordnete Dateien mit Spezifikationen, exportierten Assets und dokumentierten Komponenten. Unser Entwicklungsteam oder Ihres weiß genau, was zu bauen ist.
Enthalten
  • Figma-Dateien mit Dev Mode
  • Exportierte Assets und Icons
  • Spezifikationen für Abstände und Zustände
  • Review der entwickelten Website
UI-Komponenten: Buttons, Eingabefelder, Cards
Varianten und Zustände der Button-Komponente
Oberflächen von dem Team, das sie auch entwickelt
Bei Efesti arbeiten UI-Designer und Entwickler Seite an Seite: Jede gestaltete Komponente ist bereits für die Umsetzung gedacht, auf Webflow, WordPress, Shopify oder in individuellen Anwendungen.

Erzählen Sie uns von Ihrem nächsten Projekt

Schildern Sie uns Ihre Herausforderung: Sie erhalten eine konkrete Einschätzung, kein Standardangebot.
Vielen Dank! Wir haben Ihre Anfrage erhalten und melden uns in Kürze bei Ihnen.
Beim Senden ist ein Fehler aufgetreten. Bitte versuchen Sie es in einigen Augenblicken erneut.