Webdesign

Wir klären, was die Website leisten soll — Anfragen, Bestellungen, Bewerbungen oder Termine — und wer über welches Gerät und welchen Kanal kommt. Vorhandene Analysedaten, Wettbewerbsseiten und die realen Einwände aus Ihrem Vertrieb fließen in das Briefing ein, damit jede Designentscheidung begründet ist.

Wir erarbeiten Informationsarchitektur, Navigation und zentrale Nutzerflüsse und zeichnen für jedes eigenständige Template ein Wireframe. Strukturfragen in Graustufen zu klären ist deutlich günstiger, als ein fertiges Layout umzubauen — und genau dort werden die meisten Conversion-Probleme gelöst.

Die visuelle Richtung stimmen wir an zwei bis drei Schlüsselseiten ab und überführen sie anschließend in ein System aus Typo-Skala, Abständen, Farb-Tokens, Buttons, Formularen und Karten samt Hover-, Fokus-, Fehler- und Leerzuständen. Ab diesem Punkt werden Seiten zusammengesetzt statt neu erfunden.

Jedes Template entsteht zuerst in Smartphone-Breite und wird danach auf größere Viewports erweitert, weil der Großteil Ihres Traffics es so sieht. Unternehmensseiten, Landingpages sowie Kategorie- und Produktansichten erhalten jeweils das Layout, das ihre Aufgabe verlangt, inklusive der Zustände, die echte Inhalte erzeugen.

Vor der Übergabe prüfen wir Kontrastwerte, Fokusreihenfolge, Überschriftensemantik, Zielgrößen und das Verhalten bei 200 % Zoom. Zusätzlich wiegen wir das Design selbst: Bildformate, Icon-Sets und Schriftschnitte werden auf ein Performance-Budget reduziert, damit die Core Web Vitals in der Umsetzung nicht verloren gehen.

Sie erhalten die Figma-Datei mit Komponenten, Tokens, exportierten Assets und schriftlichen Angaben zu Abständen, Verhalten und Breakpoints. Während der Entwicklung bleiben wir ansprechbar und prüfen die umgesetzten Seiten gegen das Design — unabhängig davon, ob unser oder Ihr Team programmiert.