Interfaces, die sich richtig anfühlen.
Jedes Pixel zählt. Jeder Klick ist wichtig. KI hilft. Geschmackssache bleibt Geschmackssache. Wir designen Systeme. Keine Luftschlösser.
- UI/UX Design & PrototypingErst testen. Dann bauen.
- Design Systems & Component LibrariesKonsistenz ist Trumpf. Von Anfang an.
- Brand Identity & Visual SystemsDein Look. Überall.
- Motion Design & Micro-interactionsAnimationen, die begeistern. Und leiten.
- AI-assisted Asset GenerationKI macht Vorschläge. Wir wählen aus.
UI/UX-Design für SaaS und Apps: für wen das passt
Gutes Design ist kein Anstrich, der am Ende dazukommt. Es entscheidet, ob sich Nutzer zurechtfinden, ihr Ziel erreichen und gern wiederkommen. Typische Ausgangslagen, mit denen Kunden zu uns kommen:
- Gründer vor dem ersten Code
Du willst sehen, wie sich dein Produkt anfühlt, bevor es gebaut wird. Ein klickbarer Prototyp überzeugt Kunden und Investoren mehr als jede Folie.
- Ein SaaS, das gewachsen ist
Jede neue Funktion hat ihren eigenen Look bekommen, die Oberfläche ist ein Flickenteppich. Ein Design-System bringt wieder Ordnung hinein.
- Eine Plattform mit vielen Rollen
Kunden, Anbieter und dein Team im Backoffice brauchen jeweils eigene Ansichten. Wir gestalten sie so, dass jede Rolle schnell findet, was sie braucht.
- Eine Marke, die digital ankommen soll
Logo und Farben gibt es, aber im Produkt wirken sie fremd. Oder die Marke entsteht gerade erst.
Plattform-Design: Systeme statt Luftschlösser
Wir gestalten keine einzelnen Bildschirme, sondern Systeme, die mit deinem Produkt wachsen. Design und Entwicklung kommen bei uns aus einer Hand: Was wir entwerfen, bauen wir auf Wunsch auch, als SaaS oder als Plattform, Web-App oder Mobile App.
UI/UX Design & Prototyping
Erst testen, dann bauen. Wir ordnen Abläufe, Navigation und Screens so, dass Nutzer ohne Anleitung ans Ziel kommen. Manchmal heißt gute UX weglassen: Lumi, eine KI-App für iOS, die gerade entsteht, kommt ohne Fragebogen beim Einstieg aus. Den klickbaren Prototyp prüfst du bei echten Kunden, mehr dazu in Von der Idee zur fertigen Plattform.
Design Systems & Component Libraries
Farben, Schriften, Abstände und Komponenten wie Buttons, Formulare und Tabellen bilden ein gemeinsames System. Neue Screens entstehen aus erprobten Bausteinen, und dein Produkt bleibt einheitlich, auch wenn es wächst. Jede Komponente bringt saubere Struktur mit: echte Schaltflächen, beschriftete Formularfelder, Alternativtexte für Bilder. Davon profitieren Menschen mit Screenreader und KI-Agenten, die deine Seite lesen, nachzulesen in Website für KI-Agenten.
Brand Identity & Visual Systems
Dein Look, überall: Logo, Farben, Schriften und Bildsprache wirken in der App genauso wie auf der Website. Für SaaS-Produkte planen wir auf Wunsch White-Label mit ein. Bei eFlipcard versenden Unternehmen animierte Grußkarten in ihrem eigenen Branding, mit eigenen Schriftarten.
Motion Design & Micro-interactions
Bewegung erklärt, was passiert: Ein Button reagiert, eine Seite führt in die nächste. Gut gesetzte Animationen leiten den Blick, ohne aufzuhalten. Diese Website ist selbst ein Beispiel, mit Animationen und Seitenübergängen auf Basis von GSAP. Bei eFlipcard stecken Animationen und interaktive Elemente direkt im Editor.
AI-assisted Asset Generation
KI macht Vorschläge, wir wählen aus. In kurzer Zeit entstehen Varianten für Bilder, Illustrationen oder Icons. Wir verfeinern sie und sorgen dafür, dass alles zur Marke passt. Geschmackssache bleibt Geschmackssache, die Entscheidung trifft ein Mensch.
Vom Stift zum Screen: So entsteht dein App-Design
Gutes Design beginnt mit einem Stift. Danach arbeiten wir wie in der Entwicklung: Menschen entscheiden, KI beschleunigt, Menschen prüfen. Die Dauer hängt vom Umfang ab. So sieht ein typischer Ablauf aus:
Verstehen
MenschWir klären, wer dein Produkt nutzt, welchen Weg die Nutzer gehen und was am Ende herauskommen soll. Dazu gehören Rollen, die vorhandene Marke und die wichtigsten Abläufe. Zwanzig Jahre Erfahrung stecken in diesem Schritt.
Wireframes & klickbarer Prototyp
Mensch + KIAus Skizzen werden Wireframes, aus Wireframes ein klickbarer Prototyp. KI liefert schnell Varianten, wir entscheiden, welche trägt. Du klickst dich durch dein Produkt, bevor eine Zeile Code entsteht, und zeigst es Kunden oder Investoren.
Design-System & Screens
Mensch + KIWir legen Farben, Schriften und Komponenten fest und gestalten damit alle Screens, für jede Bildschirmgröße und Plattform. Auch leere Listen, Ladezustände und Fehlermeldungen, denn dort entscheidet sich ebenfalls, wie sich ein Produkt anfühlt.
Übergabe & Review
MenschDie Entwicklung bekommt ein Design, das sich direkt umsetzen lässt. Bauen wir selbst, entfällt die Übergabe zwischen zwei Teams. Vor dem Start prüfen wir, ob das Gebaute dem Design entspricht, bis ins Detail.
Was kostet UI/UX-Design? Davon hängt es ab
Die Kosten richten sich nach dem Aufwand. Den bestimmen vor allem diese Punkte:
- Zahl der Screens und AbläufeEin klarer Kernablauf mit wenigen Screens ist schneller gestaltet als ein Produkt mit vielen Sonderfällen.
- PlattformenWeb, iOS und Android haben eigene Muster und Bildschirmgrößen. Jede weitere Plattform erweitert den Umfang.
- Design-SystemEin eigenes System mit Komponentenbibliothek oder ein schlanker Start auf bewährter Basis.
- MarkenauftrittEine bestehende Marke übertragen wir ins Produkt. Eine neue Markenidentität ist ein eigener Baustein.
- AnimationenDezente Micro-interactions sind schnell gesetzt. Aufwendige Übergänge brauchen mehr Zeit.
- TestrundenJede Runde mit echten Nutzern bringt Erkenntnisse und damit weitere Überarbeitungen.
Eine erste Schätzung für dein Vorhaben bekommst du in wenigen Minuten über unseren KI-Projekt-Kalkulator. Welchen Platz die Gestaltung in den Gesamtkosten einer Plattform hat, zeigt unser Ratgeber Was kostet eine eigene Plattform?
Design aus unserer Werkstatt
Häufige Fragen zum App- und Plattform-Design
Was ist der Unterschied zwischen UI- und UX-Design?
UX-Design legt fest, wie ein Nutzer sein Ziel erreicht: Abläufe, Struktur und Navigation. UI-Design gestaltet die Oberfläche dazu, mit Farben, Schriften und Komponenten. Wir denken beides zusammen.
Lohnt es sich, ein Design-System erstellen zu lassen?
Ja, sobald dein Produkt wächst oder auf mehreren Plattformen läuft. Neue Screens entstehen dann schneller und bleiben einheitlich. Für ein erstes MVP reicht oft ein schlanker Start auf bewährter Basis, der später zum System ausgebaut wird.
Gestaltet ihr auch Apps für iOS und Android?
Ja. Lumi entsteht als native iOS-App in Swift und SwiftUI. Manchmal reicht auch eine Web-App, die sich nativ anfühlt: ASMRStars ist als Progressive Web App gebaut. Welcher Weg zu deinem Produkt passt, klären wir zu Beginn.
Designt bei euch die KI?
KI liefert Varianten und übernimmt Routine, etwa erste Entwürfe für Bilder und Icons. Welche Lösung passt, entscheiden Menschen mit Erfahrung, und jedes Ergebnis wird geprüft.
Bekomme ich Design und Entwicklung aus einer Hand?
Ja. Wir gestalten und entwickeln SaaS, Plattformen und Apps. So landet das Design ohne Umwege im Code, und Fragen klären sich auf kurzem Weg.
