

Objective
As a team, we developed a webshop for a product of our choice. We decided on sustainable luxury furniture. The goal was to create a stylish and user-friendly platform that reflects the high quality of the products.
Role and contribution
My role
Design and build of the product detail views
Tools
Adobe Illustrator, WebStorm
Context
Web design module, group project
Subject
Web shop of a fictional company for sustainable luxury furniture
My contribution
MeisterMöbel was a group project. So that it stays clear which part of it is mine, my own task is set out here in detail.
As my individual task I extended the website with the detail views of the single products.
At the top the detail view brings together product photo, short description, material, size and price, and places the add to cart action right beside them.
Below that, product information, materials and product size stand as separate labelled blocks, so measurements can be found without reading running text.
The home page and the sub pages were built by the group together. The home page followed the comp of a team member, not mine.
#A0D8A4
#333333
#FFFFFF



Conclusion
The group built a complete web shop for sustainable luxury furniture and implemented it in a development environment rather than as a click prototype: home page, sub pages and product detail views. My detail views had one clear job. They had to make a high price understandable without shouting. So the product photo sits at the top next to the short summary of material, size and price, with the add to cart action right beside it. Below that, product information, materials and product size follow as separate labelled blocks. Anyone who wants to compare finds the measurements in a fixed place instead of inside running text. Anyone ready to buy does not have to read on first. The restrained colour scheme of green, grey and white follows the same logic: contrast only where a decision is due.


