Shopware 6 Migration im neuen Design

About
Die Kundin wünschte sich einen Relaunch des Onlineshops mit Hauptaugenmerk auf der mobilen Bedienbarkeit, ganz nach dem Motto „Mobile First“.
Es ist immer gut zu wissen, worauf der Kunde Wert legt, obwohl wir bei der Umsetzung keinen Bereich vernachlässigen, sodass auch bei diesem Shop die einwandfreie Benutzung sowohl am Desktop als auch am Smartphone oder Tablett gewährleistet ist.
Branche
Garten & Heimwerken, Onlinehandel
Technologie
Shopware
Leistungen
Webdesign, Entwicklung, Konzeption, Corporate Design

Verspielte Schlichtheit

Das Design zeichnet sich durch schlichten übersichtlichen Aufbau aus. Dieser bildet die Basis für eine den User leitende Website. Gepaart mit verspielten Elementen, die kreativ angehauchte User zur handwerklichen Betätigung bewegen, wird aus einem ordentlichen Shop eine eigene Markenwelt, die sich von der Konkurrenz abhebt und Kunden mit Rat und Tat zur Seite steht.

Der großzügige Weißraum lässt die Produkte und die Leistungen in den Vordergrund treten. Auch in der mobilen Ansicht lassen sich alle Gestaltungen umsetzen. So ist das Kauferlebnis nicht nur am Desktop gegeben, sondern auch für die Nutzer, die lieber über ihr Handy shoppen.

Mobile first = Performance first

Der Fokus des Relaunches sollte auf der mobilen Benutzbarkeit liegen. Auch wenn dies kein Kundenwunsch gewesen wäre, ist eine saubere Bedienbarkeit auf mobilen Endgeräten unumgänglich für uns. Alle genutzten Funktionen müssen mobil keine Abstriche machen und können dank Individual-Entwicklungen problemlos auf dem Smartphone genutzt werden.

Farbdarstellung

Eine Herausforderung stellte die Farbvielfalt der Garne dar. Bis zu 200 verschiedene Farben und somit 200 verschiedene Varianten können Produkte aufweisen und das muss der Kunde sehen – am Desktop sowie mobil. Wir haben uns für eine verkürzte Farbdarstellung entschieden, bei welcher die ersten Farben angeteasert werden und per Klick alle weiteren Farben nachladen.

Passendes Zubehör optisch ansprechend dargestellt

Der Vorteil des Kunden ist, dass dieses nicht nur auf eine Warengruppe spezialisiert ist, sondern den ganzen Näh- sowie Zubehörbedarf abdeckt. Daher haben wir unsere Individualentwicklung des Zubehör-Tools nicht nur im Warenkorbbereich des ersten Viewports auf der Produktseite eingebunden, sondern auch als prägnanten Bereich unterhalb der Produktbeschreibung platziert. Hier sieht der Nutzer sein ausgewähltes Hauptprodukt und kann unter optischen Aspekten sein passendes, in Kategorien unterteiltes Zubehör wählen.

Übersichtliche Detailseite

Das Wichtigste im Blick

Für einen besseren Überblick wurde der Content-Bereich auf der Produktseite in eine 2/3 sowie 1/3 Aufteilung untergliedert. Somit ist am rechten Rand Platz für eine Auflistung aller Merkmale des Produktes auf einen Blick. Nicht nur technische Aspekte findet der User hier schnell, sondern bei z. B. Stoffen und Garnen auch die Pflegehinweise. Diese werden im Backend hinterlegt und je nach Stoff ausgegeben.

^{Relaunch eines Onlineshops mit Shopware 6}Performance bis ins Detail