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.
Bestehende Seiten und Prozesse werden auf Orientierung, Verständlichkeit, Reibung, Barrieren und widersprüchliche Signale geprüft. Wir betrachten dabei konkrete Aufgaben vom Einstieg bis zum Abschluss und ordnen die Befunde nach Bedeutung, damit Sie zuerst die Hindernisse angehen können, die Besucher tatsächlich betreffen.
02Leistung
Nutzergruppen und Ziele klären
Geschäftsziele, Suchintentionen, Aufgaben und häufige Einwände bilden die Grundlage für relevante Nutzerwege. Wir übersetzen diese Ausgangslage in konkrete Fragen und Entscheidungen der Besucher, damit Navigation, Inhalte und Funktionen auf nachvollziehbaren Bedarf statt auf vermutete Vorlieben einzelner Beteiligter ausgerichtet werden.
03Leistung
Informationsarchitektur
Inhalte, Navigation und Seitentypen erhalten eine Hierarchie, die Auswahl und Vergleich erleichtert. Wir prüfen, welche Informationen zusammengehören und wann sie benötigt werden, damit Besucher das Angebot schrittweise verstehen und zwischen allgemeinen Einstiegen und passenden Details verlässlich wechseln können.
04Leistung
Wireframes & Prototypen
Klickbare Entwürfe machen Abläufe früh erlebbar und erlauben Korrekturen, bevor die vollständige Entwicklung beginnt. Wir verwenden realistische Inhalte und gehen zentrale Aufgaben gemeinsam durch, damit fehlende Informationen, unklare Schaltflächen und unnötige Zwischenschritte bereits während der Planung sichtbar und besprechbar werden.
05Leistung
UI-Designsystem
Wiederverwendbare Komponenten, Zustände und Gestaltungsregeln schaffen Konsistenz und beschleunigen spätere Erweiterungen. Wir definieren unter anderem Typografie, Abstände, Bedienflächen und Rückmeldungen, damit neue Seiten auf nachvollziehbaren Regeln aufbauen und Besucher bekannte Elemente über den gesamten Auftritt hinweg wiedererkennen.
06Leistung
Responsives Design & Barrierefreiheit
Oberflächen werden für verschiedene Geräte, Eingabemethoden und relevante WCAG-2.2-AA-Anforderungen ausgelegt. Lesbarkeit, Kontraste, Tastaturbedienung und verständliche Rückmeldungen werden an konkreten Ansichten geprüft, damit die wichtigsten Aufgaben auch bei kleinerem Bildschirm oder ohne Maus nachvollziehbar ausgeführt werden können.
07Leistung
Webshop-UX
Produktsuche, Auswahl, Warenkorb, Checkout und vertrauensbildende Elemente werden als durchgängiger Kaufprozess optimiert. Wir prüfen, wo Produktinformationen fehlen oder Entscheidungen unnötig erschwert werden, damit Kunden Varianten, Lieferhinweise und den nächsten Bestellschritt auch auf dem Smartphone leichter einordnen können.
08Leistung
Conversion-Optimierung
Messbare Reibungspunkte erhalten priorisierte Hypothesen, klare Erfolgskriterien und kontrollierte Änderungen. Vorhandene Nutzungsdaten und Rückmeldungen helfen, Ursachen von Abbrüchen einzugrenzen und Änderungen anschließend zu beurteilen, damit die Weiterentwicklung auf beobachtbaren Problemen und nicht auf bloßen Gestaltungsvorlieben beruht.
Ausgewählte Google-Rezensionen
Was Kunden über die Zusammenarbeit sagen.
★★★★★5,0 / 5Auswahl aus 23 Rezensionen · Stand 28.07.2026
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. Kamphausen★★★★★9. 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 Reina★★★★★14. 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.
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.
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
Wir klären, welche Nutzeraufgabe verbessert werden soll und welches geschäftliche Ergebnis dazu passt.
02
Wege und Inhalte ordnen
Informationsarchitektur, Entscheidungspunkte, Inhalte und Funktionen werden in schlanken Wireframes zusammengeführt.
03
Interface gestalten
Ein visuelles System übersetzt Marke und Hierarchie in konsistente Komponenten und verständliche Zustände.
04
Responsiv und zugänglich prüfen
Prototyp und Umsetzung werden in mehreren Viewports, per Tastatur und mit relevanten Bedienzuständen getestet.
05
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.