Webshop für Labore

Übersicht

  • Mitarbeit

    2+ Jahre

  • Zusammenarbeit

    Marketing-Team, Entwickler-Team

  • Titel

    Frontend Developer / UX Designer

Frontend-Entwicklung für einen Laborshop – modernes Design trifft auf Funktionalität

Als Frontendentwickler war ich für die Neugestaltung eines bestehenden Webshops für Laborbedarf verantwortlich. Ziel war es, die über Jahre gewachsene Magento-Plattform sowohl visuell als auch funktional zu modernisieren – mit einer klaren, zeitgemäßen Benutzeroberfläche, die den Einkauf für Fachkund:innen einfacher und intuitiver macht.

Ich übernahm dabei sowohl Design- als auch Entwicklungsaufgaben: von der Konzeption neuer UI-Komponenten über die Umsetzung im Frontend bis hin zur visuellen Gestaltung von Bannern und Produktdarstellungen.

Herausforderungen

Die bestehende Webseite war technisch komplex und optisch veraltet. Viele zentrale Funktionen – wie der Warenkorb oder die Produktsuche – waren für Nutzer:innen nur schwer auffindbar. Gleichzeitig sollte das Redesign nahtlos in das bestehende Magento-System integriert werden, ohne den laufenden Betrieb zu stören.
Besonders herausfordernd war die Balance zwischen funktionaler Klarheit und visueller Attraktivität: ein moderner Look, der sich trotzdem nahtlos in die vorhandene Markenwelt einfügt.

Mein Ansatz

Auf Basis eines modularen Komponenten-Systems entwickelte ich die Benutzeroberfläche von Grund auf neu – und schuf damit einen Shop, der technisch solide, visuell konsistent und für Nutzer:innen spürbar einfacher und angenehmer zu bedienen war.

  • Design & Entwicklung: Gestaltung und Umsetzung neuer UI-Elemente wie Artikelübersichten, Detailseiten und Spezialseiten
  • Testing & Iteration: Durchführung von Usability-Tests mit realen Anwender:innen, um typische Nutzungsszenarien – etwa Produktsuche, Bestellvorgänge oder Warenkorbprozesse – zu prüfen. Dabei kamen zahlreiche kleinere wie größere Usability-Probleme ans Licht (z. B. unklare Navigationspfade oder ein schwer auffindbarer Warenkorb), die direkt in die neue Version einflossen
  • Content & SEO: Design neuer Banner, Produktfotografie und gezielte Optimierung für Suchmaschinen, um Sichtbarkeit und Reichweite zu erhöhen

Persönliche Learnings

Das Projekt hat mir gezeigt, wie wertvoll echte Nutzer:innen im Entwicklungsprozess sind. Viele vermeintlich kleine Erkenntnisse aus den Tests hatten großen Einfluss auf die finale User Experience.
Ich habe gelernt, Design und Entwicklung noch stärker als iterative, gemeinsame Aufgabe zu verstehen – bei der Feedback und Testing den entscheidenden Unterschied machen.
Heute denke ich Frontend-Design nicht nur aus der Code-Perspektive, sondern immer auch aus der Sicht der Menschen, die es täglich benutzen.

„If you think good design is expensive, you should look at the cost of bad design.“

Ralf Speth