

Ziel
Im Team entwickelten wir eine Webshop-Seite für ein Produkt unserer Wahl. Unsere Entscheidung fiel auf nachhaltige Luxusmöbel. Ziel war es, eine stilvolle und benutzerfreundliche Plattform zu gestalten, die den hohen Qualitätsanspruch der Produkte widerspiegelt.
Rolle und Beitrag
Meine Rolle
Gestaltung und Umsetzung der Produktdetailansichten
Werkzeuge
Adobe Illustrator, WebStorm
Kontext
Modul Webdesign, Gruppenprojekt
Gegenstand
Webshop einer fiktiven Firma für nachhaltige Luxusmöbel
Mein Anteil
MeisterMöbel war ein Gruppenprojekt. Damit nachvollziehbar bleibt, was davon von mir stammt, steht meine Teilaufgabe hier im Detail.
Als Einzelaufgabe habe ich die Webseite um die Detailansichten der einzelnen Produkte erweitert.
Die Detailansicht führt oben Produktfoto, Kurzbeschreibung, Material, Maß und Preis zusammen und stellt die Aktion In den Warenkorb direkt daneben.
Darunter stehen Produktinformationen, Materialien und Produktgröße als eigene beschriftete Blöcke, damit sich Maße finden lassen, ohne Fließtext zu lesen.
Startseite und Unterseiten hat die Gruppe gemeinsam gebaut. Die Startseite folgte dem Comp eines Teammitglieds, nicht meinem.
#A0D8A4
#333333
#FFFFFF



Fazit
Die Gruppe hat einen vollständigen Webshop für nachhaltige Luxusmöbel gebaut und ihn in einer Entwicklungsumgebung umgesetzt statt als Klickprototyp: Startseite, Unterseiten und Produktdetailansichten. Meine Detailansichten hatten dabei eine klare Aufgabe. Sie mussten einen hohen Preis nachvollziehbar machen, ohne laut zu werden. Deshalb steht oben das Produktfoto neben der Kurzfassung aus Material, Maß und Preis, direkt daneben die Aktion In den Warenkorb. Darunter folgen Produktinformationen, Materialien und Produktgröße als eigene beschriftete Blöcke. Wer vergleichen will, findet die Maße an einer festen Stelle statt im Fließtext. Wer kaufen will, muss nicht erst weiterlesen. Das zurückhaltende Farbschema aus Grün, Grau und Weiß folgt derselben Logik: Kontrast nur dort, wo eine Entscheidung ansteht.


