UX Design Consulting für CSL Computer und Boostboxx

Ziel der UX Design Strategie für die Onlineshops von CSL Computer und Boostboxx war es, die User Experience deutlich zu verbessern und gleichzeitig die Anforderungen an Mobile Commerce und Barrierefreiheit zu erfüllen. 

Mit einem komponentenbasierten Designsystem und einem klaren Fokus auf Conversion-Optimierung hat digital.manufaktur nicht nur visuell ansprechende Lösungen entwickelt, sondern auch die technische Umsetzbarkeit und zukünftige Skalierbarkeit sichergestellt.

Ausgangssituation und Herausforderungen

CSL Computer betreibt zwei Onlineshops:

• CSL Computer: Ein Shop für alle, die leistungsstarke und qualitativ hochwertige Computersysteme kaufen oder individuell zusammenstellen möchten.
• Boostboxx: Ein Shop, der sich speziell an Gamer richtet und Gaming-PCs mit hoher Performance anbietet.

Das bestehende Design der beiden Shops war in die Jahre gekommen und entsprach nicht mehr den heutigen Anforderungen des E-Commerce. Die wesentlichen Herausforderungen waren:

• Veraltetes Design, das nicht mehr zeitgemäß und nicht für mobile Endgeräte optimiert war.
• Benutzerführung, die zu einer niedrigen Conversion Rate führte.
• Barrierefreiheit: Das Design entsprach nicht den gesetzlichen Anforderungen, insbesondere den Barrierefreiheits-Richtlinien gemäß BFSG 2025.

Hauptziel des Projektes war die komplette Neugestaltung des UX Designs beider Shops, um insbesondere den Anforderungen des Mobile Commerce, den technischen Anforderungen von Google (Core Web Vitals), den Richtlinien der Barrierefreiheit sowie der jeweils unterschiedlichen Zielgruppe gerecht zu werden. 

Dabei sollten die Shops optisch unterschiedlich, aber strukturell identisch gestaltet werden, um eine zielgenaue Ansprache der jeweiligen Kunden – vom Gaming-Enthusiasten bis zum Multimedia-Käufer  –  zu ermöglichen.

Lösung: Modernes UX Design mit Fokus auf Mobile Commerce und Barrierefreiheit

Digital.manufaktur (dmf) hat für CSL und Boostboxx ein modernes UX Design entwickelt, das speziell auf die Zielgruppen der beiden Onlineshops zugeschnitten ist. Das Design überzeugt nicht nur durch eine ansprechende Optik, sondern erfüllt auch alle relevanten Anforderungen an Barrierefreiheit, Suchmaschinenoptimierung (SEO) und Conversion-Optimierung. 

Ein zentraler Leitgedanke des Projekts war der Mobile-First-Ansatz, der das Design vor allem für mobile Endgeräte optimiert, um der zunehmenden Nutzung von Smartphones Rechnung zu tragen. 

Darüber hinaus wurde auf Barrierefreiheit geachtet, so dass das Design den Anforderungen der BFSG 2025 entspricht. Dies umfasst insbesondere die Anpassung der Kontraste sowie die Implementierung von Focus States für alle interaktiven Komponenten, wodurch die Benutzerfreundlichkeit deutlich verbessert wird.

Komponentenbasierte UX Design Strategie

Das Designteam von dmf hat eine komponentenbasierte UX Design Strategie entwickelt, die die Entwicklerperspektive in den Mittelpunkt stellt. Sie entwarfen ein Designsystem, das auf wiederverwendbaren Komponenten basiert. Diese Komponenten können in beiden Onlineshops verwendet werden und sind optisch unterschiedlich, aber strukturell identisch. 

Dadurch wird der Einsatz von Custom Code auf ein Minimum reduziert, was eine effizientere und wartungsfreundlichere Entwicklung gewährleistet, die zudem zukunftssicher ist und die Anforderungen von CSL optimal erfüllt.

Ein weiterer Vorteil dieser Strategie ist, dass das Team von CSL in der Lage ist, das Design eigenständig weiterzuentwickeln und anzupassen. Zu diesem Zweck stellt das dmf-Team die entsprechenden Figma-Dateien offen zur Verfügung, was eine einfache Implementierung von Änderungen und Erweiterungen ermöglicht.

UX Design Strategie mit Fokus auf Conversion

Digital.manufaktur hat CSL auch strategisch beraten, um die Customer Journey und Usability der beiden Onlineshops zu verbessern. Der Fokus lag dabei auf einer klareren Nutzerführung und der Optimierung der Conversion Rate (CRO).

Im Rahmen der neuen UX Design Strategie wurden unter anderem folgende Optimierungen umgesetzt:

• Startseite: Klare Struktur, aufgeräumte Banner, mehr Abgrenzung zwischen den einzelnen Bereichen und die neue Funktion „PC nach Budget“ für eine einfachere Auswahl.
• Produktkonfigurator: Optisch und funktional verbessert für mehr Übersicht und ansprechendes Design.

Checkout-Prozess: Komplett überarbeitet mit Cross-Selling und mehr Übersicht für eine optimierte Customer Journey.

Über CSL Computer

CSL Computer steht seit 1999 für leistungsstarke und zuverlässige Computersysteme. Aus einem kleinen Unternehmen in Langenhagen hat sich CSL zu einem der führenden Anbieter von Gaming-PCs und Multimediasystemen in Deutschland entwickelt. Mit mehrfach ausgezeichneter Qualität, Fachkompetenz und Kundennähe bietet CSL seit 25 Jahren innovative Lösungen für seine Kundinnen und Kunden.