Meistermöbel

Meistermöbel

MeisterMöbel: wo nachhaltiges Design auf digitale Eleganz trifft.

MeisterMöbel: wo nachhaltiges Design auf digitale Eleganz trifft.

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.

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

​Visuelle Gestaltung

Die Farbwahl vermittelt gezielt Werte wie Nachhaltigkeit, Qualität und Ruhe. Grün steht für Erneuerung, Grau wirkt angenehm beim Lesen und strahlt Eleganz aus. Weiß schafft eine saubere, entspannte Atmosphäre und unterstützt die moderne Anmutung der Seite.

​Visuelle Gestaltung

Die Farbwahl vermittelt gezielt Werte wie Nachhaltigkeit, Qualität und Ruhe. Grün steht für Erneuerung, Grau wirkt angenehm beim Lesen und strahlt Eleganz aus. Weiß schafft eine saubere, entspannte Atmosphäre und unterstützt die moderne Anmutung der Seite.

Logoentwicklung

Das ursprüngliche Logo wurde überarbeitet, um eine klarere Verbindung zu Möbeln herzustellen. Durch die Integration eines Hauses wurde die Symbolik für Nachhaltigkeit beibehalten und gleichzeitig die Verbindung zu Wohnräumen und Einrichtung geschaffen.

Logo

Das ursprüngliche Logo wurde überarbeitet, um eine klarere Verbindung zu Möbeln herzustellen. Durch die Integration eines Hauses wurde die Symbolik für Nachhaltigkeit beibehalten und gleichzeitig die Verbindung zu Wohnräumen und Einrichtung geschaffen.

UX/UI-Design

Die Benutzeroberfläche ist klar strukturiert und erlaubt es, Produkte übersichtlich in einem Grid zu präsentieren. In der Detailansicht erhalten Nutzer weiterführende Informationen und können Möbel gezielt in den Warenkorb legen. Das Design unterstützt eine angenehme Nutzerführung ohne visuelle Ablenkung.

UX/UI

Die Benutzeroberfläche ist klar strukturiert und erlaubt es, Produkte übersichtlich in einem Grid zu präsentieren. In der Detailansicht erhalten Nutzer weiterführende Informationen und können Möbel gezielt in den Warenkorb legen. Das Design unterstützt eine angenehme Nutzerführung ohne visuelle Ablenkung.

UX/UI-Design

Die Benutzeroberfläche ist klar strukturiert und erlaubt es, Produkte übersichtlich in einem Grid zu präsentieren. In der Detailansicht erhalten Nutzer weiterführende Informationen und können Möbel gezielt in den Warenkorb legen. Das Design unterstützt eine angenehme Nutzerführung ohne visuelle Ablenkung.

Zielgruppe und Tonalität

Die Website richtet sich an eine Zielgruppe, die auf Qualität, Nachhaltigkeit und Design Wert legt. Die ruhige, zurückhaltende Gestaltung spricht Menschen an, die bereit sind, für hochwertige Möbel einen angemessenen Preis zu zahlen.

Zielgruppe und Tonalität

Die Website richtet sich an eine Zielgruppe, die auf Qualität, Nachhaltigkeit und Design Wert legt. Die ruhige, zurückhaltende Gestaltung spricht Menschen an, die bereit sind, für hochwertige Möbel einen angemessenen Preis zu zahlen.

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.

© Maria Theresia Alves Hengstl. 2026

© Maria T. A. Hengstl. 2026