UI/UX-Design · Usability · Conversion

Digitale Oberflächen, die gut aussehen und verständlich funktionieren.

Nutzerzentriertes UI/UX-Design für Websites, Webshops und digitale Anwendungen – von der Informationsarchitektur bis zum getesteten responsiven Interface.

Illustration von Chris Derix bei einem UI/UX-Workshop mit Interface-Entwürfen und Nutzerwegen
Persönlich geführtResearch · Struktur · Prototyp

Leistungsspektrum

Was für Ihr Projekt zusammenkommt.

UX-Audit

Bestehende Seiten und Prozesse werden auf Orientierung, Verständlichkeit, Reibung, Barrieren und widersprüchliche Signale geprüft.

Nutzergruppen und Ziele klären

Geschäftsziele, Suchintentionen, Aufgaben und häufige Einwände bilden die Grundlage für relevante Nutzerwege.

Informationsarchitektur

Inhalte, Navigation und Seitentypen erhalten eine Hierarchie, die Auswahl und Vergleich erleichtert.

Wireframes & Prototypen

Klickbare Entwürfe machen Abläufe früh erlebbar und erlauben Korrekturen, bevor die vollständige Entwicklung beginnt.

UI-Designsystem

Wiederverwendbare Komponenten, Zustände und Gestaltungsregeln schaffen Konsistenz und beschleunigen spätere Erweiterungen.

Responsives Design & Barrierefreiheit

Oberflächen werden für verschiedene Geräte, Eingabemethoden und relevante WCAG-2.2-AA-Anforderungen ausgelegt.

Webshop-UX

Produktsuche, Auswahl, Warenkorb, Checkout und vertrauensbildende Elemente werden als durchgängiger Kaufprozess optimiert.

Conversion-Optimierung

Messbare Reibungspunkte erhalten priorisierte Hypothesen, klare Erfolgskriterien und kontrollierte Änderungen.

Ausgewählte Google-Rezensionen

Was Kunden über die Zusammenarbeit sagen.

5,0 / 5Auswahl aus 23 Rezensionen · Stand 28.07.2026
Saskia Steffen19. Januar 2026 · Google
Chris Derix hat das Unternehmen, in dem ich tätig bin, hervorragend unterstützt und von Anfang an kompetent beraten. Die Zusammenarbeit war professionell, zuverlässig und sehr angenehm. Besonders beeindruckt hat uns, wie gut er auf unsere Wünsche und Vorstellungen eingegangen ist und diese kreativ …
Ganze Rezension lesen

sowie technisch perfekt umgesetzt hat. Das Ergebnis ist eine moderne, leistungsstarke Website, mit der wir sehr zufrieden sind. Klare Kommunikation, schnelle Umsetzung und ein tolles Endergebnis – wir würden jederzeit wieder mit ihm zusammenarbeiten!

H. & W. Kamphausen9. Januar 2026 · Google
Die Beratung von Herrn Derix war kompetent, er hat viele Ideen eingebracht und wusste genau, wie wir uns unsere Website und das Logo vorstellen. Wir sind absolut zufrieden mit seiner Arbeit und würden ihn jederzeit weiterempfehlen!
Fit mit Reina14. Januar 2026 · Google
Ich benötigte Unterstützung bei der SEO meiner Website und dem lokalen SEO. Herr Derix half mir meine Seite soweit aufzubereiten, dass sie über Google gefunden werden kann. Das alles lief über eine entspannte Zusammenarbeit ab. Vielen Dank nochmals dafür und in Zukunft komme ich bei weiteren …
Ganze Rezension lesen

Problemen gerne wieder auf Herrn Derix zurück.

Ihr Vorteil

Gestaltung wird wertvoll, wenn Menschen ohne Umwege ans Ziel kommen.

UI und UX beschreiben zwei eng verbundene Aufgaben. User Experience ordnet Informationen, Entscheidungen und Abläufe aus Sicht der Nutzer. Das User Interface übersetzt diese Logik in Typografie, Farben, Abstände, Komponenten und Interaktionen. Erst zusammen entsteht eine Oberfläche, die zur Marke passt und zuverlässig bedienbar bleibt.

Der Prozess beginnt deshalb nicht mit einer fertigen Startseite. Nutzergruppen, Such- und Kaufabsichten, bestehende Daten und typische Rückfragen werden in konkrete Wege übersetzt. Wireframes machen Hierarchie und Funktionen sichtbar, bevor visuelle Details den Blick auf strukturelle Probleme verdecken.

Interaktive Entwürfe werden mit realistischen Texten und auf mehreren Viewports geprüft. Dabei zählen nicht nur Klicks, sondern auch Lesbarkeit, Tastaturbedienung, verständliche Zustände, ausreichend große Bedienflächen sowie die Berücksichtigung der Einstellung für reduzierte Bewegung. Barrierefreiheit ist Teil der Designqualität und kein separates Finish.

Nach der Umsetzung zeigen Webanalyse, Suchanfragen und qualitative Rückmeldungen, an welchen Stellen Besucher zögern oder abbrechen. Änderungen folgen einer überprüfbaren Hypothese; bloße Effekte oder vermeintliche Best Practices werden nicht ohne Bezug zum konkreten Nutzerproblem ergänzt.

Illustration des Wegs vom Seitenplan über Nutzerwege zur fertigen Website mit Anfrageformular
Research · Struktur · Prototyp

Qualitätsmerkmale

Was dabei zählt.

Nutzerwege vor Einzelbildern

Aufgaben, Fragen und Entscheidungspunkte werden als zusammenhängender Ablauf gestaltet.

Marke mit System

Typografie, Farbe, Bildsprache und Komponenten schaffen Wiedererkennung über alle Seiten und Zustände.

Barrierearm geplant

Kontrast, Fokus, Tastatur, Touch-Ziele, Lesbarkeit und reduzierte Bewegung fließen früh in das Interface ein.

Mit echten Signalen verbessert

Tests, Analyse und Rückmeldungen priorisieren Optimierungen nach Wirkung statt persönlichem Geschmack.

Referenz Website Müllers Fenster aus Mönchengladbach

Passende Projekterfahrung

Müllers Fenster: Klare digitale Beratung für Fenster und Sonnenschutz

Ein strukturierter Relaunch, der erklärungsbedürftige Leistungen verständlich präsentiert und SEO, SEA sowie Anfragewege in einer konsistenten Seitenstruktur zusammenführt.

  • Verständliche Struktur für mehrere beratungsintensive Produktgruppen
  • Konsistente Einstiegsseiten für organische und bezahlte Suche
  • Deutlich sichtbare Wege zur Beratung und Angebotsanfrage
Case Study: Müllers Fenster ansehen

Klare Zusammenarbeit

Vom Ziel zur messbaren Weiterentwicklung.

  1. Problem und Ziel verstehen

    Wir klären, welche Nutzeraufgabe verbessert werden soll und welches geschäftliche Ergebnis dazu passt.

  2. Wege und Inhalte ordnen

    Informationsarchitektur, Entscheidungspunkte, Inhalte und Funktionen werden in schlanken Wireframes zusammengeführt.

  3. Interface gestalten

    Ein visuelles System übersetzt Marke und Hierarchie in konsistente Komponenten und verständliche Zustände.

  4. Responsiv und zugänglich prüfen

    Prototyp und Umsetzung werden in mehreren Viewports, per Tastatur und mit relevanten Bedienzuständen getestet.

  5. Wirkung beobachten

    Nach dem Start liefern Nutzungsverhalten, Suchdaten und Anfragen Hinweise für die nächste kontrollierte Verbesserung.

Häufige Fragen

Klarheit vor dem ersten Gespräch.

Was ist der Unterschied zwischen UI und UX?

UX beschreibt das gesamte Nutzungserlebnis: Aufgaben, Struktur, Abläufe und Verständlichkeit. UI bezeichnet die konkrete visuelle und interaktive Oberfläche. Ein gutes Interface kann eine unklare Nutzerführung nicht ausgleichen; beide Disziplinen müssen zusammenarbeiten.

Brauche ich vor einem Website-Relaunch ein UX-Konzept?

Bei mehreren Zielgruppen, umfangreichen Inhalten oder wichtigen Kontakt- und Kaufwegen ist es besonders sinnvoll. Auch kleinere Projekte profitieren von einer klaren Struktur und einem früh prüfbaren Prototyp.

Testen Sie das Design auf Smartphones?

Ja. Inhalte, Navigation, Formulare, Touch-Ziele und Interaktionen werden bei mehreren Gerätebreiten geprüft. Responsive Design bedeutet dabei mehr als das proportionale Verkleinern einer Desktopansicht.

Berücksichtigen Sie Barrierefreiheit?

Ja. Relevante Anforderungen wie Kontrast, sichtbarer Fokus, Tastaturbedienung, semantische Struktur, Textskalierung und reduzierte Bewegung werden im Design und in der Umsetzung berücksichtigt. Der konkrete Prüf- und Konformitätsumfang wird projektspezifisch vereinbart.

Kann UI/UX-Design die Conversion verbessern?

Es kann Hindernisse reduzieren und Entscheidungen verständlicher machen. Eine feste Steigerung lässt sich ohne belastbare Ausgangsdaten nicht versprechen. Deshalb werden Kontakt- oder Kaufwege gemessen und Änderungen anhand klarer Hypothesen bewertet.

Arbeiten Sie auch an bestehenden Websites und Webshops?

Ja. Ein UX-Audit kann konkrete Probleme und priorisierte Verbesserungen liefern, ohne dass sofort ein vollständiger Relaunch notwendig ist. Umsetzung und Erfolgskontrolle lassen sich anschließend schrittweise planen.

Unverbindliches Erstgespräch

Passt meine Arbeitsweise zu Ihrem Projekt?

In einem kurzen Gespräch klären wir Ziel, Ausgangslage und den sinnvollsten nächsten Schritt.