preloader

Sack Webshop

Sack Webshop
//mwk-koeln.de/wp-content/uploads/2018/12/SackWeb_Header-2.jpg

Sack.de ist der Webshop zum Thema Recht, Wirtschaft, Steuern des gleichnamigen Fachmedien-Händlers. Suchfunktion, Warenkorb, Bestellvorgang sowie die Produktauswahl stellen hohe Anforderung an das Interface Design und müssen eine intuitive Nutzerfahrung (User Experience) bieten. Diese Anforderungen mit dem Corporate Design des Unternehmens in Einklang zu bringen, war Aufgabe von MWK.

  • Auftraggeber: Sack Fachmedien
  • Entstehungsjahr: 2016 bis heute
  • Kategorie: Digitales Shopsystem
//mwk-koeln.de/wp-content/uploads/2018/12/Sack_Webshop_1.jpg

Das Design der Nutzeroberfläche wurde von vornherein unter der Prämisse »Mobile First« geplant. Komplexe Funktionen stellen an mobile Endgeräte und kleine Bildschirmgrößen andere Anforderungen als in einer Desktop-Umgebung.

//mwk-koeln.de/wp-content/uploads/2018/12/Icons_neu.png
//mwk-koeln.de/wp-content/uploads/2018/12/Mobile_Holz_02.jpg
//mwk-koeln.de/wp-content/uploads/2018/12/Sack_Webshop_2.jpg

Das Farbspektrum der Hausfarben des Unternehmens wurde deutlich erweitert, um klare Hierarchien und unterschiedliche Wertigkeiten für die Funktionen der Internetseite definieren zu können. Außerdem wurden zwei Farbpaletten für die Illustrationen entwickelt, die Teil des Corporate Designs von Sack Fachmedien sind.

//mwk-koeln.de/wp-content/uploads/2018/12/ColorScheme.png

Neben dem Webshop fungiert die Internetseite auch als Image-Website von Sack und bietet die Möglichkeit, Veranstaltungen, Filialen und Serviceleistungen des Unternehmens zu präsentieren.

//mwk-koeln.de/wp-content/uploads/2018/12/Ipad_Holz.jpg
//mwk-koeln.de/wp-content/uploads/2018/12/Sack_Webshop_3.jpg

Bestellvorgänge und Filterfunktionen sind so komplexe Vorgänge, dass sie auf kleinen Bildschirmgrößen anders funktionieren müssen als in einer Desktop-Umgebung. Dennoch ist es wichtig, dass der Nutzer die Umgebung beim Wechsel des Mediums wiedererkennt und sich direkt zurechtfindet.

//mwk-koeln.de/wp-content/uploads/2019/04/Sack_Webshop8.jpg
//mwk-koeln.de/wp-content/uploads/2019/04/Sack_Webshop7.jpg
//mwk-koeln.de/wp-content/uploads/2019/04/Sack_Webshop10.jpg
//mwk-koeln.de/wp-content/uploads/2019/04/Sack_Webshop9.jpg