Startseite
Leistungen
Technology
Full-Stack-Entwicklung
Systemintegration
Open Source, Headless CMS
Künstliche Intelligenz
Martech
CRM & Customer Data Platform
Marketing-Automation
SEO, AEO & GEO
Paid Media & Advertising
Creative
UX-Design
UI-Design
Konzept & Visual
Design-System
E-Commerce
E-Commerce-Beratung
Shopify Headless
Magento / Adobe Commerce
Alle Leistungen →
Lösungen
Referenzen
Unternehmen
Über uns
Partner
Zertifizierungen
Karriere
Kontakt
IT
Kontakt
UI-Design
UI-Design: klare, konsistente und entwicklungsfertige Oberflächen
01
Oberflächen für Dashboards, B2B-Portale und Business-Software: lesbare Daten, klare Aktionen und kürzere Arbeitszeiten für alle, die sie täglich nutzen.
Web und Business-Software
Beratung anfragen
02
Design von iOS- und Android-Apps nach den Plattform-Richtlinien, mit natürlichen Gesten, gut lesbaren Texten und Abläufen für die Bedienung mit einer Hand.
Mobile Apps
Beratung anfragen
03
Produktseiten, Warenkorb, Checkout und Landingpages, die verkaufen: klare visuelle Hierarchie, Vertrauen und weniger Abbrüche.
E-Commerce und Landingpages
Beratung anfragen
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.
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.
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
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
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.
Sprechen wir darüber
Sprechen wir darüber
Full-Stack-Entwicklung
CRM & Customer Data Platform
UX-Design
Systemintegration
Erzählen Sie uns von Ihrem nächsten Projekt
Schildern Sie uns Ihre Herausforderung: Sie erhalten eine konkrete Einschätzung, kein Standardangebot.
Vor- und Nachname *
Geschäftliche E-Mail *
Unternehmen
Telefon
Erzählen Sie uns von Ihrem Projekt
Ich habe die Datenschutzerklärung gelesen und stimme der Verarbeitung meiner Daten zu *
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.