Webdesign
UX- und UI-Design für Websites, Onlineshops und Interfaces
Webdesign umfasst zwei Disziplinen: UX-Design legt Struktur, Inhalte und Nutzerwege fest, UI-Design bestimmt Gestaltung und Verhalten der Oberfläche. Ob Besucher sich zurechtfinden oder abspringen, entscheidet sich an beidem. Unser Fokus liegt auf Struktur, Nutzerführung und Bedienbarkeit, nicht auf kurzlebigen Trends.
Womit wir dich unterstützen:
Konzeption und Informationsarchitektur
Seitenstruktur, Navigationslogik und Nutzerwege entstehen vor dem ersten Entwurf. Dabei entscheidet sich, welche Inhalte eine eigene Seite brauchen und welche zusammengehören.
UX/UI-Design für Websites und Onlineshops
Vom Screendesign einzelner Seiten bis zum vollständigen Theme: Typografie, Farbwelt, Bildsprache und Komponenten in einem durchgängigen Layout.
Interfaces für Middleware und Eigenentwicklungen
Tabellen, Filter, Formulare und Dashboards folgen anderen Regeln als eine Website. Sie werden täglich stundenlang bedient, nicht einmal besucht.
Design-System
Design-Tokens für Farben, Abstände und Typografie, dazu dokumentierte Komponenten und Einsatzregeln. Gestaltung bleibt konsistent, auch wenn mehrere daran arbeiten.
Pattern Library (Musterbibliothek)
Buttons in allen Ausprägungen, Formularfelder mit Fehlermeldungen, Navigation in jedem Zustand: Was einmal gestaltet ist, wird nicht zweimal erfunden.
Redesign bestehender Oberflächen
Gewachsene Auftritte sammeln über die Jahre Sonderfälle und uneinheitliche Elemente an. Wir führen Gestaltung und Struktur wieder zusammen, statt von vorn zu beginnen.
Von der ersten Skizze bis zum fertigen Design
Gestaltung entsteht in mehreren Stufen. Jede liefert ein Zwischenergebnis, das sich prüfen und abstimmen lässt:
Konzeption
Seitenaufbau, Navigation und Anordnung der Inhalte entstehen als Wireframe, noch ohne Farben und Bildsprache. Änderungen sind in dieser Phase mit wenigen Handgriffen erledigt.
Screendesign
Aus dem Wireframe entsteht das erste Layout, meist für die Startseite. Steht die Gestaltungsrichtung fest, folgen alle weiteren Seitentypen im selben System.
Prototyp
Aus den fertigen Layouts entsteht ein durchklickbarer Prototyp. Wege, Zustände und Interaktionen lassen sich darin abstimmen, bevor Entwicklungszeit investiert wird.
Umsetzung
Das freigegebene Design wird umgesetzt und auf allen Bildschirmgrößen geprüft: responsiv, performant und barrierefrei bedienbar.
Aus unserer täglichen Arbeit
Ein Querschnitt aus Websites und Onlineshops unterschiedlicher Branchen, Systeme und Größenordnungen.
FAQ — Häufige Fragen zu Webdesign
Wie lange dauert ein Webdesign?
Das hängt vom Umfang ab: eine Microsite in wenigen Wochen, eine kleine Website in etwa einem Monat, umfangreichere Websites und Onlineshops in mehreren Monaten. Kommen viele Sonderfälle, individuelle Funktionen oder zusätzliche Abstimmungsschleifen dazu, verschiebt sich das entsprechend. Eine belastbare Einschätzung geben wir, sobald der Umfang feststeht.
Wir haben ein Logo und Hausfarben. Reicht das als Gestaltungsgrundlage?
Nein. Ein Logo und zwei Farbwerte ergeben noch keinen Styleguide: Es fehlen Typografie, abgestufte Farbrollen, Abstände, Bildsprache und Regeln, wie diese Elemente zusammenwirken. Ohne diese Grundlage wird jedes neue Medium neu erfunden und der Auftritt fällt zwischen Website, Print und Social auseinander. Was für die digitale Umsetzung nötig ist, definieren wir im Projekt mit. Für ein vollständiges Corporate Design über alle Medien hinweg arbeiten wir mit spezialisierten Partnern zusammen.
Was unterscheidet ein individuelles Theme von einem fertigen Template?
Ein gekauftes Template ist darauf ausgelegt, dass sich alles anpassen lässt. Genau das wird im Alltag zum Problem: Farben, Schriften und Abstände lassen sich beliebig überschreiben und der Auftritt driftet mit jeder neuen Seite weiter auseinander. Dazu kommen Funktionen, die nie gebraucht werden, aber Ladezeit und Pflegeaufwand erhöhen. Ein individuell entwickeltes Theme enthält nur das Nötige und hält die Gestaltungsregeln fest. Neue Seiten entstehen aus vorhandenen Bausteinen, ohne dass das Layout gefährdet wird.
Wie stellt ihr sicher, dass ein Design auf allen Endgeräten funktioniert?
Wir gestalten grundsätzlich responsiv. Jedes Layout wird für die relevanten Bildschirmgrößen entworfen, vom Smartphone bis zum großen Desktop. Bedienelemente, Schriftgrößen und Abstände legen wir je Größe fest, statt ein Layout einfach zu skalieren.
Wie lässt sich beurteilen, ob ein Design funktioniert?
Nicht am persönlichen Geschmack. Die Frage stellt sich in fast jedem Projekt und die Antwort bleibt dieselbe: Ein Auftritt muss nicht dem Auftraggeber gefallen, sondern seiner Zielgruppe und die zählt oft Millionen. Grundlage sind etablierte UX-Prinzipien, überprüfbare Kriterien wie Lesbarkeit, Kontrast und Länge der Klickwege sowie das Wissen darum, was sich in vergleichbaren Projekten bewährt hat.
Bleibt eine bestehende Website oder ein Onlineshop bei einem Redesign wiedererkennbar?
Ja, das ist erklärtes Ziel eines Redesigns. Typografie, Farbwelt und Struktur entwickeln wir behutsam weiter, sodass der Auftritt aktueller wirkt und dennoch sofort erkennbar bleibt.
Übernehmt ihr auch Markenentwicklung, Corporate Design oder strategische Beratung?
Nein. Markenentwicklung, Branding, Corporate Identity und Corporate Design gehören ebenso wenig zu unserem Leistungsspektrum wie strategische Beratung oder die Entwicklung von Story und Mission. Wir gestalten die digitale Umsetzung einer bestehenden Marke. Für alles davor arbeiten wir mit spezialisierten Partnern zusammen.
Passt doch eigentlich ziemlich gut, oder?
Projekt anfragen