FLID - Raumplaner
Meine Rollen
-
UI/UX Design
-
User Research
-
Visual Design
Dauer
-
4 Monate
-
Winter 2022
Tools
FLID - Raumplaner ist eine Plattform für die Firma FLID (ein fiktives Unternehmen), die Fliesen gestaltet und verkauft.
Die Plattform wurde von mir im Rahmen eines Figma-Kurses an meiner Hochschule (HAWK) entwickelt.
Während dieses Projektes wurde ich von meinen Mitstudierenden und Lehrenden bei der Recherche und der Definition meiner Designanforderungen begleitet.
Meet FLID
FLID - Raumplaner ist eine Plattform für die Gestaltung und den Verkauf von Fliesen.
Es ermöglicht den KundInnen, die Fliesen vor dem Kauf mittels Simulation in ihrer Wohnung anzusehen.
Problem
Wie kann man den Kauf von Fliesen besser gestalten?
Unsere KundInnen möchten für die Renovierung ihres neuen Badezimmers Fliesen kaufen und sicher sein, dass sie zu ihren Möbeln, ihrem Stil etc. passen, bevor sie sie kaufen.
Eine Küchenplanung mit Renders und Visualisierungen übersteigt das Budget vieler. Wenn sie unsicher sind, kaufen sie die Produkte nicht.
Lösung
FLID möchte eine schnelle Visualisierung seiner Produkte in den Wohnungen der Nutzenden
ermöglichen, um mehr Sicherheit beim Kauf dieser Produkte zu erzeugen und den KundInnen den Kauf zu erleichtern.
Dieses Erlebnis wird durch Augmented Reality erzeugt.
Die Homepage ist einfach und übersichtlich
Das Produkt wurde zu deinem Warenkorb hinzugefügt!
Designprozess und Methoden
Konkurrenzanalyse
Um ein besseres Verständnis der WettbewerberInnen und der Landschaft zu bekommen, habe ich die Möglichkeit des Kaufs von Fliesen in diesen drei Baumärkten analysiert.
Wichtige Analysepunkte: Diese Baumärkte bieten neben dem Verkauf von Fliesen verschiedene Dienstleistungen an.
Ein Muster nach Hause liefern lassen
Die Nutzenden können zuhause die Farbe etc. der Fliesen vor dem Kauf vergleichen und sich von der Quallität überzeugen. Nachteil: nicht für alle Produkte gibt es Muster.
Inspiration, Tipps und Ideen
Dies erleichtert den KundInnen eine schnellere Entscheidung und ist ideal für jene, die unabhängig entscheiden wollen.
Telefonische, schriftliche oder persönliche Beratung
Es ist wichtig, dass die Nutzenden das Gefühl haben, dass sie beim Kauf- und Entscheidungsprozess begleitet werden, wenn sie dies wünschen.
Möglichkeiten, ein Produkt zu kaufen
Es gibt drei Arten von Kaufenden. Erstens diejenigen, die es vorziehen, alles online zu kaufen und darauf zu warten, dass es bei ihnen zu Hause ankommt. Ferner diejenigen, die es vorziehen, eine Website zu besuchen, um die Produkte/Preise zu sehen und zu vergleichen, um sie vor Ort abzuholen. Schließlich gibt es diejenigen, die Produkte im Geschäft ansehen und kaufen.
Produktdarstellung
Mit Hilfe von Mockups zuvor
ausgewählter Fotos von Räume können sich die Nutzenden ein Bild davon machen, wie die gekauften Fliesen auf einem
Boden oder an einer Wand verlegt
aussehen könnten.
Interviews
Um zu verstehen, wie Nutzende beim Kauf von Fliesen für die Renovierung ihres Hauses vorgehen, welche Eigenschaften sie als besonders wichtig erachten und mit welchen Herausforderungen sie konfrontiert sind, wurden 7 Personen befragt.
Es war entscheidend herauszufinden, welche Aspekte beim Kauf dieser Produkte eine Rolle spielen, welche Probleme auftreten können und wie man diese beheben kann.
" Es gibt so viele Informationen auf der Website, dass es schwierig ist, eine Entscheidung zu treffen "
" Ich ziehe es vor, online zu kaufen, aber ich bin mir nie sicher bei der Qualität der Dinge "
" Der Kundendienst ist manchmal nicht gut "
" Ich möchte meine Küche gerne selbst umgestalten können "
" Mir ist wichtig, das Produkt vor dem Kauf als Muster zu sehen "
" Das Warten auf eine Beratung kann sehr lange dauern "
" Ich möchte keine weitere App auf meinem Handy haben "
User Persona
Empathy Map
Shoppen mit Augmented Reality
AR macht es möglich, die reale menschliche Umgebung durch virtuelle Inhalte zu ergänzen.
Das macht sie zu einer guten Alternative für die Produktpräsentation im Online-Handel.
-
Fast 75% der deutschen Unternehmen setzen bereits Virtual oder Augmented Reality ein oder planen dies.
-
77% der Unternehmen gaben an, dass VR-/AR-Projekte den erhofften Erfolg bringen.
-
Über 1/3 der Unternehmen, die AR-/VR-Lösungen einsetzen, haben sich für Remote Assistance Anwendungen entschieden.
" KundInnen werden die Angebote intensiver wahrnehmen, sodass der Online-Einkauf zu einem ansprechenden Erlebnis wird "
Aus diesem Grund wäre die Implementierung dieser Art von Technologie für unsere Plattform sehr nützlich und vorteilhaft für dieses Unternehmen.
User Journey Map
User Flow
Site Map
Corporate Design
Card-Sorting
Mit Hilfe des Card-Sortings konnte ich auf Basis von Interviews mit den zukünftigen Nutzenden das Menü und andere Teile der Plattform gestalten. Dabei erfolgte die nutzungsorientierte Priorisierung der Funktionen auf der Seite.
Lo-Fi Wireframes
Die ersten Designentscheidungen für die Lo-Fi Wireframes wurden auf der Grundlage der Ergebnisse des Card-Sortings getroffen.
Lo-Fi Wireframes
Die ersten Designentscheidungen für die Lo-Fi Wireframes wurden auf der Grundlage der Ergebnisse des Card-Sortings getroffen.
Hi-Fi Wireframes
Shoppen mit Augmented Reality - Usability-Tests
Diese Plattform wurde in kurzer Zeit entwickelt und hatte daher eine relativ kurze Testphase.
Teilnehmeranzahl: 5 Personen.
Dauer: 20 - 25 Min. pro Person.
Die Usability-Tests wurden von mir moderiert und sowohl vor Ort als auch online (mit Zoom) durchgeführt.
Ich habe mich darauf konzentriert zu sehen, wie schnell die Nutzenden derzeit durch die Plattform scrollen.
Aufgaben:
1. Sucht ein Produkt mit der Suchmaschine.
2. Ladet ein Foto eurer Küche in die App hoch.
3. Verwendet den Filter, um die Farbe eurer Küchenwand zu ändern.
4. Legt ein Produkt in den Einkaufswagen.
5. Beendet den Bezahlvorgang.
Testphasenergebnisse
-
Die Nutzenden brauchen mehr Feedback von der App, um zu wissen, dass sie auf dem richtigen Weg sind.
-
Animationen sollten einfacher sein, um interaktiver zu wirken.
-
Der Kontrast der Farben ist angemessen und passt gut zur Corporative Identity.
-
Die Kernaufgabe kann vereinfacht werden: ein zusätzlicher Filter-Tab ist nicht erforderlich. Dies kann in den Bereich der Produktauswahl integriert werden.
