UX/UI-Design für Websites und Web-Anwendungen

Gute Oberflächen erklären sich selbst. Wir planen, wie sich Menschen durch Ihre Website oder Anwendung bewegen, und gestalten Oberflächen, die man ohne Anleitung bedienen kann.

Developers Signature Designers Signature
+ 50
Abgeschlossene Projekte
+ 20
Programmiersprachen
Digitale Leistungen mit klarem Ziel
Von Strategie und Design bis Entwicklung, Performance und KI: Wir verbinden die Bausteine, die Ihr digitales Angebot zuverlässig voranbringen.
UX/UI-Design

Erst verstehen, dann gestalten

UX/UI-Design umfasst zwei Seiten derselben Aufgabe. User Experience (UX) beschreibt, wie sich die Nutzung anfühlt: Findet man, was man sucht? Versteht man, was als Nächstes passiert? User Interface (UI) ist die sichtbare Oberfläche: Schaltflächen, Formulare, Typografie, Farben und Abstände. Beides muss zusammenpassen, damit eine Website oder Anwendung leicht zu bedienen ist.

Wir gestalten Oberflächen für Unternehmenswebsites ebenso wie für Portale und Software, mit denen Menschen täglich arbeiten. Weil wir die Entwürfe selbst umsetzen, wissen wir schon beim Gestalten, was technisch machbar ist.

Nutzerwege planen

Am Anfang steht die Frage, wer Ihre Website oder Anwendung nutzt und mit welchem Ziel. Daraus leiten wir die wichtigsten Wege ab: vom ersten Besuch bis zur Anfrage, von der Anmeldung bis zum erledigten Auftrag. Jeder Schritt, der unklar ist oder überflüssig erscheint, kostet Geduld und im Zweifel eine Anfrage.

Wie das in der Praxis aussieht, zeigt Groww: Für die Website haben wir den digitalen Anfrageprozess strukturiert, die einzelnen Schritte für Interessierte klarer gestaltet und die Terminbuchung für Erstgespräche eingebunden. Beim DIGA Bildungszentrum führt eine Terminübersicht direkt zur Buchung.

  • Zielgruppen und ihre Aufgaben klar beschreiben
  • Nutzerwege vom Einstieg bis zum Ziel festlegen
  • Überflüssige Schritte streichen
  • Wireframes für Aufbau und Inhalte jeder Seite

UX/UI-Design für Portale und Software

Bei Anwendungen, mit denen Menschen täglich arbeiten, entscheidet die Oberfläche über Tempo und Fehlerquote. Wer viele Aufträge am Tag bearbeitet, braucht klare Tabellen, eindeutige Statusanzeigen und Aktionen, die dort stehen, wo man sie erwartet. Für Fixdesk, eine Plattform zur Reparaturverwaltung, und für RESQ haben wir neben der Entwicklung auch das UI/UX-Design übernommen. Careiwo haben wir als Marktplatz konzipiert, gestaltet und entwickelt – mit Fahrzeugsuche nach Aufbauart und Händlersuche.

Gerade bei Portalen lohnt es sich, Oberflächen früh mit echten Nutzerinnen und Nutzern zu testen, bevor alles programmiert ist.

  • Übersichtliche Tabellen, Filter und Statusanzeigen
  • Einheitliche Bedienmuster in der ganzen Anwendung
  • Ansichten je Rolle, die nur zeigen, was gebraucht wird
  • Frühe Tests mit Nutzerinnen und Nutzern

Designsysteme für ein einheitliches Bild

Ein Designsystem legt fest, wie Farben, Schriften, Abstände und Bausteine wie Schaltflächen, Formulare oder Karten aussehen und sich verhalten. Neue Seiten und Funktionen entstehen dann aus vorhandenen Bausteinen, statt jedes Mal neu gestaltet zu werden. Das spart Zeit, verhindert Wildwuchs und hält die Oberfläche einheitlich, auch wenn mehrere Personen daran arbeiten.

Für Sonia Bonolo bilden Serifen-Typografie, kräftiges Rot und viel Weißraum ein Designsystem, das Wertigkeit und Persönlichkeit zugleich transportiert. Handschriftliche Akzente und Illustrationen machen aus dem Dienstleistungsangebot eine Marke mit Charakter.

  • Farben, Schriften und Abstände als feste Regeln
  • Wiederverwendbare Bausteine für neue Seiten
  • Einheitliches Erscheinungsbild über alle Bereiche
  • Umsetzung als Komponenten im Code

Vom Prototyp zur fertigen Oberfläche

Bevor wir programmieren, machen wir Entwürfe erlebbar. Klickbare Prototypen zeigen, wie sich eine Seite oder ein Ablauf anfühlt, und lassen sich mit wenig Aufwand ändern. Fragen wie „Findet man die Schaltfläche?“ oder „Versteht man diesen Schritt?“ klären wir so, bevor sie teuer werden.

Danach setzen wir die Oberfläche selbst um: mit sauberem HTML, CSS und JavaScript, auf Wunsch mit Frameworks wie React oder Vue.js. Barrierefreiheit und responsive Darstellung gehören dabei fest dazu. Weil Gestaltung und Frontend-Entwicklung in einer Hand liegen, sieht das Ergebnis so aus wie der Entwurf.

  • Klickbare Prototypen vor der Programmierung
  • Änderungen dort, wo sie am wenigsten kosten
  • Umsetzung in HTML, CSS und JavaScript
  • Barrierefreiheit und responsive Darstellung inklusive

Technik & Werkzeuge

  • User Experience
  • User Interface
  • Wireframes
  • Klickbare Prototypen
  • Designsystem
  • Usability-Tests
  • HTML & CSS
  • React
  • Vue.js
Referenzen

Projekte: UX/UI-Design

Oberflächen, die sich selbst erklären

Zeigen Sie uns Ihre Website oder Anwendung oder beschreiben Sie Ihr Vorhaben. Wir sagen Ihnen, wo wir ansetzen würden.

Mehr zu Webdesign

Passend dazu

Weitere Leistungen

Blog

Aus dem Blog: UX/UI-Design

Neue Beiträge aus dem Studio – recherchiert und mit Quellen belegt.
FAQ

Häufige Fragen: UX/UI-Design

Was ist der Unterschied zwischen UX- und UI-Design?

UX-Design kümmert sich darum, dass Abläufe logisch sind und Menschen ihr Ziel ohne Umwege erreichen. UI-Design gestaltet die sichtbare Oberfläche, also Layout, Farben, Schriften und Bedienelemente. In unseren Projekten gehört beides zusammen.

Brauchen wir UX-Design auch für eine kleine Website?

Ja, nur in kleinerem Umfang. Auch bei wenigen Seiten lohnt es sich zu klären, wer sie besucht und welcher Schritt am Ende stehen soll. Bei Portalen und Software ist der Aufwand größer, weil mehr Rollen und Abläufe zusammenkommen.

Können Sie eine bestehende Oberfläche verbessern?

Ja. Wir sehen uns an, wo Nutzerinnen und Nutzer hängen bleiben – etwa anhand Ihrer Rückmeldungen, Support-Anfragen oder Auswertungen – und schlagen gezielte Verbesserungen vor. Diese setzen wir Schritt für Schritt um, ohne die Anwendung komplett neu zu bauen.