Fallstudie /02 · B2B E-Commerce

Labor-Webshop.

B2B E-Commerce auf Magento — Frontend-Entwicklung, Usability-Tests und systematische CI-Bereinigung.

Rolle
Frontend-Entwickler
Zeitraum
2018 — 2021
Plattform
Magento E-Commerce
Stack
HTML · CSS · JS · Magento
Labor-Webshop — Neues Design Startseite
Überblick

Vom Code zum Produktdenken.

Als Frontend-Entwickler verantwortete ich die Pflege und Weiterentwicklung eines B2B-Webshops auf Magento-Basis. Neben der reinen Implementierung in HTML, CSS und JavaScript fokussierte ich mich zunehmend auf proaktives Product Thinking — die Schnittstelle zwischen sauberer technischer Umsetzung und strategisch verbesserter User Experience.

Diese Phase war der Wendepunkt in meiner Karriere: aus dem Entwickler, der Designs umsetzt, wurde der Designer, der den Code mitdenkt.

Herausforderung

Historisch gewachsen, chronisch verwirrend.

Der Shop hatte über die Jahre unentdeckte Usability-Probleme und Inkonsistenzen in der Corporate Identity angesammelt. Buttons waren mal rund, mal eckig. Spacings unsystematisch. Reibungspunkte in der Customer Journey nirgends dokumentiert.

Es fehlte an einem systematischen Ansatz, um diese Probleme aufzudecken und das Frontend strukturiert zu modernisieren — ohne den laufenden Betrieb zu stören.

Niemand testete den Shop tatsächlich mit echten Nutzern. Das war meine erste eigeninitiierte Verbesserung — und die wichtigste.
Vorgehen

Vier Schritte, ein Ziel.

Ich ergriff die Initiative und führte eigenständig Usability-Tests durch, um Pain Points systematisch zu identifizieren. Erkenntnisse übersetzte ich direkt in ein aufgeräumtes, visuell konsistentes Frontend.

/01 — Analyse

Bestandsaufnahme

Detaillierte Analyse des Status Quo, Identifikation von Usability- und CI-Inkonsistenzen.

/02 — Testing

Usability-Tests

Eigeninitiierte Nutzertests zur Aufdeckung konkreter Pain Points in der Customer Journey.

/03 — Design

Frontend-Redesign

Visuelle Vereinheitlichung und Simplifizierung der bestehenden User Interfaces.

/04 — Build

CI-Optimierung

Saubere, performante Implementierung der Optimierungen in Magento mit HTML, CSS und JS.

— Wirkung & Ergebnisse

Aufgewertet, aufgeräumt, abgeschlossen.

100%

Konsistente Corporate Identity über alle Shop-Bereiche — von Produktseiten bis Checkout.

∅ Pain

Versteckte Usability-Probleme durch proaktive Tests identifiziert und systematisch behoben.

+ SEO

Technische SEO-Strategien gekoppelt mit UX-Tests — nachhaltige Steigerung der organischen Sichtbarkeit.

↑ UX

Stringente, aufgeräumte Benutzerführung — die Nutzererfahrung wurde messbar aufgewertet.

— Nächstes Projekt /03

Museum App