Web-Design & UX

Gestaltet für Menschen. Gebaut als System.

Gutes Web-Design sieht man nicht nur, man merkt es: Besucher finden, was sie suchen, und tun, was sie vorhatten. Wir gestalten Websites, die Ihre Marke tragen, und bauen sie als Designsystem, das barrierefrei ist, mit Ihrer Redaktion wächst und auch von Maschinen verstanden wird.

UX-Review anfragen

Designsystem

Eine Änderung. Überall.

Ein Designsystem legt Farben, Schrift, Rundungen und Abstände einmal fest, und jede Komponente übernimmt sie. Drehen Sie an den Grundwerten und sehen Sie, wie sich die ganze Seite mitbewegt. Und ob sie dabei für alle lesbar bleibt.

  • Kontrast Button6,9 : 1WCAG verlangt für Text mindestens 4,5 : 1.
  • Kontrast Link6,4 : 1Gleiche Regel für Links auf hellem Grund.
  • Klickfläche44 px hochWCAG 2.2 verlangt mindestens 24 px, wir planen mit 44 px.
  • Lesegrösse17 pxUnter 16 px wird Fliesstext auf dem Handy mühsam.

Fiktive Beispielseite. In einer TYPO3-Website werden die Grundwerte zu Einstellungen und die Komponenten zu Inhaltselementen: Ihre Redaktion kombiniert frei, das System hält die Regeln ein.

Prinzipien

Wie wir gestalten

  1. Klar vor kreativ

    Jede Seite hat ein Ziel. Wir räumen weg, was davon ablenkt, und führen den Blick auf das, was zählt.

  2. Für alle gebaut

    Kontraste, Tastatur, Screenreader: Barrierefreiheit ist bei uns kein Nachtrag, sondern Teil jeder Komponente.

  3. Als System gedacht

    Wir gestalten Komponenten statt Einzelseiten. So bleibt die Website stimmig, auch wenn Ihre Redaktion neue Seiten baut.

  4. Mit Menschen getestet

    Klickbare Prototypen testen wir früh mit echten Nutzerinnen und Nutzern, bevor eine Zeile Code entsteht.

Warum es zählt

Gutes Design ist messbar

Wie Design, Barrierefreiheit, KI und GEO zusammenspielen, zeigen wir auf Lesbar für alle.

Leistungen

Was Sie bekommen

Vom ersten Review bis zum fertigen Designsystem. Jeder Baustein lässt sich einzeln beauftragen.

  1. UX-Review

    Wir gehen Ihre Website mit den Augen Ihrer Besucher durch und liefern die zehn wichtigsten Verbesserungen, nach Wirkung sortiert.

  2. UX-Konzept

    Informationsarchitektur, Navigation und Nutzerwege: Wir ordnen Inhalte so, wie Ihre Besucher denken.

  3. UI-Design & Designsystem

    Farben, Schrift, Komponenten: ein System, das Ihre Marke trägt und in TYPO3 als Inhaltselemente weiterlebt.

  4. Barrierefreie Komponenten

    Jede Komponente nach WCAG 2.2 AA, geprüft mit Tastatur und Screenreader. Mehr unter Barrierefreiheit.

  5. Shop-Design & Checkout

    Produktseiten, Filter und Checkout, die Kaufentscheidungen leicht machen. Mehr unter E-Commerce.

Ablauf

Vom Gespräch zum System

  1. Verstehen

    Ziele, Zielgruppen und Inhalte. Bei bestehenden Websites starten wir mit dem UX-Review.

  2. Skizzieren

    Seitenstruktur und Wireframes: erst die Ordnung, dann die Farbe.

  3. Gestalten & testen

    UI-Design und klickbarer Prototyp, getestet mit Menschen aus Ihrer Zielgruppe.

  4. Bauen

    Das Designsystem wird zu Komponenten in TYPO3, Shopware oder Shopify.

Lesbar für alle

Design ist nur einer von vier Lesern.

Menschen sehen Ihr Design. Screenreader, KI-Assistenten und KI-Agenten lesen den Code darunter. Wer beides zusammen gestaltet, wird von allen vier verstanden.

Lesbar für alle entdecken
  • Web-Designfür Menschen, die sehen und klicken
  • Barrierefreiheitfür Screenreader, Tastatur und Lupe
  • GEOfür KI-Assistenten, die lesen und zitieren
  • KIfür KI-Agenten, die im Auftrag handeln

FAQ

Gut zu wissen

Was ist ein UX-Review?

Wir gehen Ihre Website mit den Augen Ihrer Besucher durch: Navigation, Inhalte, Formulare, Ladezeit und Barrieren. Sie erhalten die zehn wichtigsten Verbesserungen, nach Wirkung und Aufwand sortiert, und können sofort loslegen, mit uns oder ohne uns.

Ist barrierefreies Design langweilig?

Nein. Barrierefreiheit legt Regeln für Kontrast, Grössen und Bedienung fest, nicht für den Stil. Diese Website ist das beste Beispiel: Jede Textfarbe erreicht mindestens 4,5 : 1. Mehr dazu unter Barrierefreiheit.

Gestaltet ihr auch für andere Systeme als TYPO3?

Ja. Ein Designsystem funktioniert unabhängig vom System. Am meisten holen Sie heraus, wenn wir es auch umsetzen: als Website in TYPO3 oder als Shop mit Shopware oder Shopify.

Was hat Design mit KI-Suche zu tun?

Mehr als man denkt. Klare Überschriften, beschriebene Bilder und beschriftete Buttons helfen Menschen, Screenreadern und KI-Assistenten gleichermassen. Wie Sie in KI-Antworten genannt werden, zeigen wir unter GEO.

UX-Review

Wo stolpern Ihre Besucher?

UX-Review anfragen

ChristophProjektplanung, Realisierung