Websites
Die meisten Websites haben zu viele Ebenen und zu wenig klare Wege. Wir kürzen ab, wo es geht.
- Schwerpunkt
- Struktur, Lesbarkeit, Weg zur Anfrage
Ergebnis Besucher finden in wenigen Schritten, was sie suchen.
Leistung · UX- und UI-Design
Schön und bedienbar sind zwei verschiedene Dinge. Wir bringen beides zusammen: eine Oberfläche, die gut aussieht und die niemand erklären muss.
Visuelle Gestaltung, Bedienung und Umsetzung aus einer Hand. Ansässig im schönen Würzburg.
Antwort in Kürze
Eine UX-/UI-Design-Agentur verbindet visuelle Gestaltung mit Bedienung. Sie entwirft Apps, Websites und Onlineshops so, dass Menschen ohne Anleitung zum Ziel kommen und die Oberfläche dabei nach etwas aussieht. Der Nutzer steht dabei im Mittelpunkt, nicht der Geschmack der Beteiligten.
Zahlen und Fakten
Woran orientiert sich gutes Design? Vier Eckdaten aus Normen und Forschung, dazu unser Einstiegspreis. Drei davon kannst du selbst nachschlagen.
| Kennzahl | Wert | Quelle |
|---|---|---|
| Norm für menschzentrierte Gestaltung | ISO 9241-210, ein Prozess in vier Phasen mit Wiederholungen | ISO 9241-210 |
| Anerkannte Prüfregeln für Oberflächen | Zehn Usability-Heuristiken nach Nielsen, 1994 | Nielsen Norman Group |
| Standard für barrierefreie Oberflächen | WCAG 2.2, Empfehlung des W3C seit Oktober 2023 | w3.org |
| Einstieg für eine gestaltete Website | Ab 990 Euro | Daily Marketing, Preisangabe |
Abgrenzung
UX steht für die Nutzungserfahrung, UI für die Benutzeroberfläche. UX klärt, was wo passiert und in welcher Reihenfolge. UI gibt dem eine Form. Beide Disziplinen greifen ineinander, lassen sich aber sauber trennen.
| Merkmal | UX-Design | UI-Design |
|---|---|---|
| Frage dahinter | Kommt jemand zum Ziel? | Sieht es aus wie aus einem Guss? |
| Aufgaben | Recherche, Struktur, Abläufe, Tests | Typografie, Farbe, Icons, Abstände |
| Ergebnis | Wireframes und getestete Prototypen | Fertige Oberflächen und Designsysteme |
| Wenn es fehlt | Die Anwendung ist hübsch und unbenutzbar | Die Anwendung funktioniert und wirkt beliebig |
In der Praxis arbeiten beide parallel. Wer erst die Struktur festzurrt und danach gestaltet, verliert Zeit. Wer nur gestaltet, baut eine Oberfläche für ein Problem, das niemand geprüft hat.
Dazwischen liegt das Interaktionsdesign. Es beschreibt, was passiert, wenn jemand etwas anklickt, und gehört zu beiden Seiten. Und es entscheidet zusammen mit der Nutzerführung darüber, ob eine Oberfläche sich selbst erklärt.
Produkte
Wofür gestalten wir? Für alles, was Menschen bedienen müssen. Jede dieser Produktarten stellt eigene Anforderungen, und alle müssen auf unterschiedlichen Geräten funktionieren.
Die meisten Websites haben zu viele Ebenen und zu wenig klare Wege. Wir kürzen ab, wo es geht.
Ergebnis Besucher finden in wenigen Schritten, was sie suchen.
Im Shop kostet jeder überflüssige Schritt Umsatz. Dadurch steigen Conversions oft schon durch Weglassen.
Ergebnis Weniger Abbrüche auf dem Weg zur Bestellung.
Landingpages scheitern selten am Text. Sie scheitern daran, dass sie zu viel gleichzeitig wollen.
Ergebnis Eine Seite, die genau eine Frage beantwortet.
Was jemand hundertmal am Tag macht, darf keine drei Klicks brauchen. Hier zahlt sich Gestaltung am schnellsten aus.
Ergebnis Weniger Klicks für das, was täglich gebraucht wird.
Leistungen
Was gehört noch dazu? Als Design-Agentur gestalten wir nicht nur einzelne Bildschirme. Fünf Leistungen sorgen dafür, dass die Gestaltung in allen Digitalprojekten zusammenpasst.
Ein Baukasten aus Farben, Schriften, Abständen und Bausteinen. Er hält die Gestaltung konsistent, auch wenn Jahre später jemand anderes weiterbaut. Für größere Projekte die wichtigste Investition.
Icons sind kein Dekor, sie tragen Bedeutung. Wir gestalten sie so, dass sie ohne Beschriftung verständlich bleiben, und halten die Formensprache über alle Elemente durch.
Zustände, Übergänge, Rückmeldungen. Ein Formular muss zeigen, dass es gespeichert hat, ein Filter, dass er greift. Diese Details entscheiden über das Nutzungserlebnis.
Wir setzen die Gestaltung selbst um oder liefern sie so an deine Entwicklung, dass nichts verloren geht. Beides funktioniert, das zweite braucht klarere Übergaben.
Bei einem Relaunch prüfen wir zuerst, was heute funktioniert. Ein Relaunch, der alles wegwirft, verliert regelmäßig Rankings und Stammnutzer gleichzeitig.
Aufgaben
Die häufigste Aufgabe ist das Reduzieren von Komplexität. Über Jahre wächst jede Anwendung, und irgendwann findet niemand mehr die Funktion, die er täglich braucht. Wir sortieren nach Häufigkeit statt nach Firmenorganisation.
Die zweite Aufgabe sind unterschiedliche Zielgruppen. Eine Plattform bedient oft Einsteiger und Vielnutzer gleichzeitig. Beide brauchen dasselbe Ergebnis auf verschiedenen Wegen. Das lässt sich lösen, aber nicht durch einen Kompromiss in der Mitte.
Und die dritte betrifft die Zusammenarbeit. Ein Designsystem mit klaren Strukturen erspart Product Ownern und Developern die immer gleichen Rückfragen. Was einmal entschieden ist, muss nicht in jedem Sprint neu diskutiert werden.
Drei wiederkehrende Aufgaben
Sprache
Die Wörter in einer Oberfläche sind Teil der Gestaltung. Ein Button, der „Absenden“ heißt, sagt weniger als einer, der „Angebot anfordern“ heißt. Diese Microcopy entscheidet oft darüber, ob jemand den nächsten Schritt geht.
Wir schreiben Beschriftungen, Fehlermeldungen und Hilfetexte mit. Besonders die Fehlermeldungen: Sie sind der Moment, in dem Menschen aussteigen. Ein Satz, der sagt, was zu tun ist, rettet mehr Anfragen als jede Farbanpassung.
Wie viel macht das aus? Mehr, als die meisten erwarten. Wir sind keine 0815-Agentur, sondern verstehen uns als dein Partner für nachhaltiges Online-Wachstum, und dazu gehört auch der Satz über dem Absenden-Knopf.
Ablauf
Fünf Schritte, die sich bei Bedarf wiederholen. Nach ISO 9241-210 ist genau das der Punkt: Gestaltung ist kein gerader Weg, sondern eine Schleife mit Prüfpunkten.
Wir klären, wer das Produkt benutzt und wozu. Dazu gehören Gespräche mit Nutzern und ein Blick auf das, was heute schon gemessen wird.
Struktur vor Optik. In dieser Phase entstehen Wireframes, also graue Kästen ohne Gestaltung. Sie klären die Reihenfolge, bevor über Farben gesprochen wird.
Aus den Wireframes wird ein klickbarer Prototyp. Er sieht schon aus wie das spätere Produkt, ist aber in Stunden geändert statt in Wochen.
Wir legen den Prototyp echten Nutzern vor und sehen zu. Fünf Personen genügen, um die groben Probleme zu finden. Die Befunde gehen direkt zurück in Schritt zwei oder drei.
Am Ende steht die fertige Benutzeroberfläche, dazu das Designsystem für alles, was später dazukommt. Die Webentwicklung übernehmen wir oder dein Team.
Was wir von dir brauchen: eine Ansprechperson mit Entscheidungsbefugnis und die Bereitschaft, Entwürfe früh zu zeigen statt spät.
Antwort innerhalb eines Werktags. Kostenfrei und unverbindlich.
Belege
Woher stammen die Angaben? Drei aus öffentlich zugänglichen Normen und Forschungsarbeiten, eine aus unserer Preisliste. Darunter stehen die Seiten, die angrenzende Leistungen zeigen.
Kontakt
Anfrage-Formular