Komplexer Inhalt - benutzerfreundliches DesignWebshoprelaunch mit Shopware 6

  • About
    Ein neues Webdesign und dessen Umsetzung wünschte sich die Max Blank GmbH, welche sich auf den Verkauf von Naturmetall-Produkten für den Garten spezialisiert hat. Die Aufgabe war es einen Onlineshop zu realisieren, der die mannigfaltigen Möglichkeiten und Kombinationen der Produkte auf moderne, schlichte und übersichtliche Weise und hochwertig präsentiert. Neben der technischen Umsetzung des Webshops mussten über 3.200 Artikelvarianten generiert und angepasst werden. Zudem erhielt jede dieser Artikelvarianten ihr individuell und passendes Zubehör. Trotz dieser großen Datenmenge gelang die Realisierung in nur kurzer Zeit.
  • Kunde

    Max Blank GmbH

  • Branche

    Garten & Heimwerken, Möbel & Einrichtung

  • Technologie

    Shopware

  • Leistungen

    Webdesign, Konzeption

Webdesign

Der Anspruch an das Webdesign war schlicht, modern und strukturiert. Hierbei waren Logo und Farben schon durch den Kunden vorgegeben. In Kombination der Farben, der Schrift und den rechteckig sowie kreisförmigen verwendeten Formen wurde ein Webdesign entwickelt, welches übersichtlich strukturiert. Der Kunde sieht auf einen Blick worum es geht und wird durch die Seiten geleitet. Neben der Verwendung von prägnanten Überschriften und wenig Text unterstützen Icons die Übersichtlichkeit.

detailseite

Detailseite

Auf der Detailseite kommen viele Informationen und Konfigurationsmöglichkeiten zusammen.

Die Seite ist daher in zwei Hälften unterteilt. Linker Hand sind Produktbilder mit weiteren Informationen aufgezeigt. Rechter Hand können Kunden die verschiedenen Konfigurationsmöglichkeiten und die dazu wählbaren Zubehörmöglichkeiten anpassen und mit dem Endpreis ansehen.

Die farbliche Hervorhebung von Überschriften und wichtigen Details zeigt dem Kunden immer wo er gerade ist und hilft ihm zudem einen guten Überblick zu erhalten.

Startseite

Der Kunde wird mit einem Bild begrüßt, welches in Kombination mit dem hervorgehobenen Textblock in das Thema des Webshops einführt.

Die verschiedenen Slider zeigen die unterschiedlichen Kategorien und heben Sonderangebote hervor.

startseite1
startseite2

Startseite weiter

Unter den Slidern wechseln sich kurze Texte, die das Unternehmen und seine Werte vorstellen, mit Artikeln ab.

Durch die große Weißfläche kommen die Elemente auf der Seite stärker zur Geltung. Der Fokus liegt hier auf den wichtigen Infos, frei nach dem Motto: Weniger ist mehr.

Technische Umsetzung

Realisiert wurde der neue Onlineshop der Max Blank GmbH mit der neusten Version von Shopware 6. Hier wurde auf hohe Performance und Benutzerfreundlichkeit, sowohl im Frontend, aber auch im Backend wert gelegt. Der Shopbetreiber hat die Möglichkeit, durch Hinzufügen von Artikelnummern bei den Produkten passende Zubehöre – auch nachträglich – schnell und einfach anzupassen, auszutauschen oder zu erweitern. Informationscontainer, Tabs (neben der Beschreibung), weiterführende Inhalte und alle weiteren Zusatzblöcke können per Drag&Drop in Blöcken und Seiten realisiert werden und werden schlussendlich am Produkt per Auswahl einfach hinzugefügt. Der Individualisierung, im Rahmen der Webdesignvorgaben, sind keine Grenzen gesetzt.

variantenauswahl
tabsindetail

Zubehörauswahl

Ausschlüsse und automatische Preisberechnung für stressfreies Einkaufsvergnügen

variantenindetail1
variantenindetail2
variantenindetail3

Konzept vs. Realität

Unser Ziel ist es, auf Basis der Wünsche und Bedürfnisse unserer Kunden ein entsprechendes Design zu entwickeln, das strategische, wirtschaftliche und technische Aspekte gleichermaßen berücksichtigt. Wir machen alles aus einem Grund! Das dies ziemlich gut funktioniert könnt ihr unter anderem auch an diesem Shop sehen. Das vorgeschlagene Design wurde mit nur kleinen Abweichungen wie von uns konzipiert, übernommen.

Links zu sehen, der erste Entwurf des Webdesigns, rechts daneben das letztlich realisierte Ergebnis.

detailseite
Schnittmenge-15

Erzähl uns von Deinem Projekt

Du hast eine Idee und willst sie mit uns umsetzen? Schreib uns eine Nachricht oder ruf uns gleich an!

View