UX/UI-Design
UX/UI-Design für Websites und Apps, die Kunden gern nutzen
UX ist das Nutzererlebnis: ob Kunden schnell finden, was sie suchen, und ohne Frust eine Anfrage senden oder bestellen. UI ist die Ebene, die sie sehen, also Layout, Farben, Typografie und Buttons. Wir gestalten beides zusammen, damit Ihre Website oder App auf Ihre Geschäftsziele einzahlt und nach Ihrer Marke aussieht.
Kommt Ihnen das bekannt vor?
- Besucher ja, Anfragen nein. Menschen landen auf der Website und gehen, bevor sie das Angebot oder das Formular erreichen.
- Kunden rufen mit Fragen an, die die Website selbst beantworten sollte: zu Preisen, Terminen, Verfügbarkeit oder Anfahrt.
- Jede Seite sieht anders aus. Es fehlen gemeinsame Komponenten und Regeln, also erinnert die Website mit jeder Änderung weniger an die Marke.
- Die Entwicklung bekommt nur Bilder und fragt nach Zuständen, Abständen und Verhalten auf dem Smartphone. Korrekturen nach dem Launch kosten Zeit und Budget.
- Anforderungen an Barrierefreiheit. Seit dem 28. Juni 2025 müssen viele Unternehmen, etwa Onlineshops, sie gesetzlich erfüllen (in Deutschland nach dem Barrierefreiheitsstärkungsgesetz).
- Mobil ist ein Nachgedanke, obwohl ein großer Teil der Kunden über das Smartphone kommt.
Was wir gestalten
- Informationsarchitektur und Nutzerwege. Was wo steht und wie Kunden vom Einstieg zur Anfrage oder zum Kauf kommen.
- Wireframes und Prototypen. Ein klickbarer Aufbau von Inhalten und Funktionen, den man testen kann, bevor Code entsteht.
- Oberflächen für Desktop, Tablet und Smartphone. UI-Design im Einklang mit Ihrem Corporate Design, für jede Bildschirmgröße.
- Designsystem und Komponentenbibliothek. Buttons, Formulare, Karten und ihre Zustände einmal definiert, damit neue Seiten schneller und einheitlich entstehen.
- Barrierefreiheit. Kontrast, Schriftgröße, Bedienung per Tastatur und Screenreader nach WCAG 2.1 auf Stufe AA.
- Ein umsetzungsreifes Design. Beschriebene Zustände, Verhalten und responsive Varianten, damit die Entwicklung nicht raten muss. Mehr zur Design-Übergabe.
So arbeiten wir
Gespräch und Ziele
Wir klären, was Website oder App für das Unternehmen leisten soll, wer sie nutzt und was heute nicht funktioniert.
Analyse und Nutzerwege
Wir prüfen die bestehende Lösung, Analysedaten und den Wettbewerb und skizzieren Nutzerwege und Struktur.
Wireframes und Prototyp
Wir ordnen Inhalte und Funktionen in Wireframes. Mit dem Prototyp testen wir die Lösung mit Ihrem Team und bei Bedarf mit Nutzern.
UI-Design und Übergabe
Wir gestalten die Oberfläche für alle Bildschirme, bauen die Komponenten und übergeben der Entwicklung ein vollständiges, beschriebenes Paket.
Aus unserem Portfolio
- WCAG 2.1 AA
Die Website der Galeria Labirynt in Lublin: ein barrierefreies, kontrastreiches Layout, ein Veranstaltungskalender für die drei Standorte der Galerie und ein Panel, in dem das Team die Bestände durchsucht.
Zum Projekt - Die Marke im Web
Architekturbüro SZOREK: Nach dem Rebranding haben wir das neue Corporate Design auf die Website übertragen, damit sie zu Schild und Visitenkarten passt.
Zum Projekt
Sie haben schon eine Website oder App?
Nicht immer muss man bei null anfangen. Wenn das Produkt online ist, beginnen Sie mit einem UX-Audit. Es zeigt, wo Nutzer hängen bleiben und welche Verbesserungen am meisten bringen, und auf dieser Grundlage gestalten wir die Änderungen.
Häufige Fragen
Was ist der Unterschied zwischen UX und UI?
UX (User Experience) beschreibt, wie leicht man Informationen findet und Aufgaben erledigt. UI (User Interface) ist das, was man auf dem Bildschirm sieht. Gutes Design verbindet beides.
Was kostet UX/UI-Design?
Wir kalkulieren jedes Projekt individuell, je nach Zahl der Bildschirme, Funktionen und Sprachversionen. Sie wählen einen Festpreis, Abrechnung nach Stunden ohne Schätzungen oder das CAAS-Abo.
Wie lange dauert UX/UI-Design?
Das hängt von der Größe der Website oder App ab. Den Zeitplan legen wir nach Gespräch und Analyse fest, wenn klar ist, wie viele Bildschirme und Nutzerwege das Projekt umfasst.
Bauen Sie auch die Website?
Unser Teil ist das Design. Die Umsetzung übernimmt Ihr Entwicklungsteam oder die Agentur, mit der Sie arbeiten. Wir übergeben ein vollständiges, beschriebenes Design und beantworten Fragen während der Entwicklung.
Mit welchem Programm gestalten Sie?
Mit Figma. Die Entwicklung bekommt Zugriff auf die Dateien mit Komponenten und Beschreibung und sieht von Anfang an dasselbe wie wir.
Ist das Design WCAG-konform?
Ja, Barrierefreiheit berücksichtigen wir von Anfang an: Kontrast, Schriftgröße, Bedienung per Tastatur und Screenreader. Die Website der Galeria Labirynt haben wir nach WCAG 2.1 Stufe AA gestaltet.
Entwickeln Sie Designsysteme?
Ja. Wir gestalten Komponentenbibliotheken und Regeln, mit denen neue Bildschirme schneller und einheitlich entstehen. Immer öfter nutzen sie auch KI-Agenten, wie wir im Beitrag über Designsysteme für KI-Agenten beschreiben.
Sprechen wir über Ihre Website oder App
Hinterlassen Sie Ihre E-Mail, und wir antworten mit Terminvorschlägen für ein kurzes Gespräch über Google Meet. Sie erzählen, was das Produkt leisten soll, und wir schlagen Umfang und Angebot vor.