Neue Produktdetailseiten beim EM-Webshop

Elektro Material Onlineshop

Warum funktioniert ein Onlineshop?

Wir sind vermutlich alle täglich auf verschiedenen Websites und in Onlineshops unterwegs. Haben Sie sich schon jemals gefragt, wie eine Website entsteht, resp. warum Sie sich auf bestimmten Websites lieber bewegen als auf anderen? Oder ist Ihnen bewusst, weshalb Sie bei den einen Onlineshops gerne einkaufen, bei anderen weniger? Natürlich spielen verschiedene  Überlegungen bei der Entwicklung einer Produkteseite eine Rolle. Zum einen der Aspekt der Benutzerfreundlichkeit, zum anderen die sog. User Experience und User Interface. Also die gesamten Erwartungen, Eindrücke und das Erlebnis der Kunden vor, während und nach einer «Reise» durch einen Onlineshop. Dazu aber in Kürze mehr in einem unserer nächsten Blogposts: Best Practices in UX/UI.

Für unseren Kunden Elektro Material AG dürfen wir laufend Verbesserungen an der bestehenden Website vornehmen. Unter anderem die neuen Produktdetailseiten, die Ende 2020 live geschaltet wurden, nach einem Design aus der Zusammenarbeit mit Elektro Material AG und Nicolas Jene.

Was wollte man mit der neuen Produktdetailseite im EM Shop erreichen?

EM Onlineshop
  • In erster Linie ging es um die Usability. In diesem Beispiel war das Ausblenden der linken Navigation gewünscht, damit mehr Platz für andere Informationen geschaffen werden konnte.
  • Wichtig war auch die bessere Strukturierung der Daten. Die wichtigsten Informationen sollen auf den ersten Blick ersichtlich sein. Der Preis und auch der Lagerbestand wird vom Enduser als wichtige Information gewertet.
  • In der heutigen Zeit, in der viele Bestellungen über die App getätigt werden und generell der Trend in Richtung «Mobile Device first» geht, war auch die Optimierung der Mobile View ein absolutes Muss.
  • Da die Seite erweiterbar sein soll, wurde sie modular aufgebaut. Um diese Flexibilität zu erreichen, wurde die Seite komplett im CMS (Content Management System) erstellt.
  • In der Softwareentwicklung ist immer auch die Performance ein Thema. Denn Seiten, die langsam laden, sind heutzutage ein No-Go. Auch diese konnten wir mit der neuen Seite deutlich verbessern.
  • Mit dem Launch wurde zudem eine neue Funktion der Produktempfehlungen implementiert: Neu wird dem Benutzer angezeigt, welche Produkte häufig zusammen gekauft werden. Ebenfalls neu können Produktenummern mit einem Mausklick kopiert werden.

Neues Design dank neuer Technologie

Vue.js Logo

Dank unserem Kunden Elektro Material AG, der Neuerungen gegenüber sehr aufgeschlossen ist, konnten wir nicht nur das Design anpassen, sondern gleichzeitig auch die Frontendtechnologie erneuern. Anstelle von JSP/JQuery nutzen wir nun VUE.js. Dies ist auch für unsere Entwickler sehr komfortabel, da sie mit neuen Technologien arbeiten können und ihnen dadurch viele neue Möglichkeiten zur Verfügung stehen.

Suchen auch Sie nach Wegen, Ihren Onlineshop in Bezug auf Design, Performance oder Usability zu optimieren? Gerne zeigen wir Ihnen entsprechende Möglichkeiten auf. Buchen Sie einen unverbindlichen, gratis Beratungstermin: