Meistermöbel

Meistermöbel

MeisterMöbel: Where Sustainable Design Meets Digital Elegance

MeisterMöbel: Where Sustainable Design Meets Digital Elegance

Ein Computermonitor zeigt die Webseite "MeisterMöbel" mit einer Suchleiste und Kategorien wie "Wohnen", "Küche", "Esszimmer", "Schlafen", "Bad", "Kinderzimmer" und "Arbeitszimmer". Darunter sind Vorschaubilder von Möbeln in verschiedenen Wohnbereichen zu sehen.

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

Visual Design

The color palette was carefully selected to convey values such as sustainability, quality, and calm. Green represents renewal, grey ensures comfortable readability and adds elegance, while white creates a clean, relaxed atmosphere that supports the site’s modern aesthetic.

Visual Design

The color palette was carefully selected to convey values such as sustainability, quality, and calm. Green represents renewal, grey ensures comfortable readability and adds elegance, while white creates a clean, relaxed atmosphere that supports the site’s modern aesthetic.

Logo Development

The original logo was revised to establish a clearer association with furniture. By integrating a house icon, we preserved the symbolism of sustainability while also reinforcing the connection to living spaces and interior design.

Logo

The original logo was revised to establish a clearer association with furniture. By integrating a house icon, we preserved the symbolism of sustainability while also reinforcing the connection to living spaces and interior design.

UX/UI-Design

The user interface is clearly structured, presenting products in an organized grid layout. On the detail pages, users receive additional information and can add items to the shopping cart easily. The design ensures smooth navigation without visual distractions.

UX/UI

The user interface is clearly structured, presenting products in an organized grid layout. On the detail pages, users receive additional information and can add items to the shopping cart easily. The design ensures smooth navigation without visual distractions.

UX/UI-Design

The user interface is clearly structured, presenting products in an organized grid layout. On the detail pages, users receive additional information and can add items to the shopping cart easily. The design ensures smooth navigation without visual distractions.

Target Audience and Tone

The website is tailored to users who value quality, sustainability, and design. Its calm and understated aesthetic appeals to those willing to invest in premium furniture.

Target Audience and Tone

The website is tailored to users who value quality, sustainability, and design. Its calm and understated aesthetic appeals to those willing to invest in premium furniture.

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.

© Maria Theresia Alves Hengstl. 2026

© Maria T. A. Hengstl. 2026