Kategorie

UX/UI

Klient

FH-Dortmund

Münster Loop

Main Project Image

Über das Projekt

Münster LOOP ist eine digitale Plattform, die Menschen in Münster vernetzt, um Werkzeuge zu verleihen, Gegenstände zu tauschen und unkomplizierte Nachbarschaftshilfe anzubieten. Das Projekt bringt den Gedanken der Circular Economy in den Alltag: Weg vom Kaufen und Wegwerfen, hin zum Reparieren, Leihen und gegenseitigen Unterstützen. Das Problem & Die Lösung Viele Haushaltsgeräte und Werkzeuge liegen ungenutzt im Keller, während Nachbarn Unterstützung bei alltäglichen Aufgaben und kleineren Reperaturen suchen. Dabei helfen, soll meine barrierefreie, hochgradig intuitive Web-App, über die Bürger:innen mit wenigen Klicks Hilfe anfragen, Werkzeuge verleihen oder eigene Fähigkeiten anbieten können. Branding & UI-Konzept Visual Identity: Das Markenlogo setzt auf eine moderne, geometrische Typografie. Die ineinander verschlungenen Buchstaben »oo« im Wort loop symbolisieren den endlosen Kreislauf des Teilens sowie das lokale Gemeinschaftsnetzwerk. Farbwelt: Eine frische, zugängliche Palette aus tiefem Waldgrün, Petrol und warmem Off-White spiegelt die grüne Münsteraner Promenade und den nachhaltigen Charakter der Plattform wider. User Interface: Ein klar strukturierter Content-Aufbau mit direkten Kategorie-Filtern (Werkzeuge, Reparieren, Börse) sorgt dafür, dass sich Nutzer:innen aller Altersklassen mühelos zurechtfinden.

Problemanalyse:

Mehr Nachhaltigkeit mit dem Ziel zur Kreislaufwirtschaft 1. Funktionsfähige/reparierbare Gegenstände werden entsorgt. 2. Verwertbare Materialien/Ressourcen werden über den Restmüll entsorgt. Wie kann das erreicht werden? 1. Müllmenge durch bereitgestelltes Informationsmaterial zur Reparatur von reparierbaren Gegenständen reduzieren. 2. Austausch der Bürger*innen fördern und zentralisieren, um austausch von Expertise und Material zu ermöglichen. 3. Informationen bezüglich fachgerechter Entsorgung bereitstellen um effizientere Recycling Ergebnisse zu erziehlen. Lösungsansatz: LOOP Münster, eine Plattform für den Ausstausch an Informationen bezüglich Reparaturmöglichkeiten (Anleitungen, Expertise, Werkzeuge etc.), Materialien und Dienstleistungen bereitzustellen, um Recycling, Reparaturen und den Austausch unter Bürger*innen zu fördern. Hier findest du einen Walkthrough der Website: https://youtu.be/AgeX3xg42UA Zielgruppe: Persona A Person: Luis, 28, Student aus Münster. Bedürfnis: Sein Toaster ist defekt und der hat kein Budget für einen Neukauf. Er braucht Hilfe bei der Reparatur. Persona B Person: Helga, 78 ehem. Elektrikerin aus Münster. Bedürfnis: Möchte ihr Wissen weitergeben, Kontakte Knüpfen, Zusammenhalt in der Stadt stärken und Müll vermeiden. Das Konzept Loop Münster besteht aus drei Systemen welche den Bürger*innen unterschiedliche Möglichkeiten bieten. 1. Ressourcen Hier werden Informationen bezüglich Recycling, Upcycling und richtiger Entsorgung bereitgestellt. Bürger*innen können hier ebenfalls Materialien oder Geräte inserieren, um eine Zentrale Plattform zu schaffen, auf welcher zur Verfügung stehende Materialien oder Geräte eingesehen werden können. Ebenfalls können hier Anleitungen veröffentlicht werden in denen etwa DIY Upcycling Projekte erklärt werden. 2. Reparieren Hier werden Reparaturanleitungen bereitgestellt welche es den Bürger*innen ermöglichen sollen, bis zu einem bestimmten Grad selbst Reparaturen vorzunehmen. 3. Börse Ein Marktplatz zum Verschenken, Tauschen und Verleihen von Materialien und Gegenständen und Werkzeugen. 1. Homepage Die Homepage ist so aufgebaut, dass der Fokus der Nutzer*innen zu Begin auf den Header gelenkt wird. Danach wird ein direkter Lesefluss erzeugt welcher die Nutzer*innen zu dem Fließtext unter dem Header auf die Mission und den Zeweck der Plattform aufmerksam macht. Unter dem Fließtext bietet sich den Nutzer*innen direkt die Möglichkeit sich selbst an dieser Mission zu beteiligen, um einen unkomplizierten Einstieg und Nutzung zu gewährleisten. Um die Nutzer*innen von dem Erfolg der Plattform zu überzeugen und das Gefühl einer aktiven Community zu schaffen, befindet sich unten auf der Seite ein Bereich für die Aktuellen LOOPs in Münster. Also den aktuellen Angeboten und Nachfragen der aktiven Nutzer*innen. Auf der linken Seite befindet sich die fixierte Navigationsleiste, welche eine gleichbleibende und unkomplizierte Möglichkeit der Navigation bietet. Buttons werden mit Icons unterstützt um eine Intuitive und barrierefreie Nutzung zu gewährleisten. Das Farbschema ist Waldgrün in unterschiedlichen Abstufungen, um den Bezug auf die Umweltfreundlichkeit zu erzeugen, Weiß und Schwarz, für einen hohen Kontrast, um Lesbarkeit und Klarheit zu erzeugen. 2. Ressourcen Auf dieser Seite lassen sich die Informationstexte und Ressourcen durch ein Steuerelement im oberen Bereich in die jeweiligen Themen unterteilen. Dadurch wird Struktur erzeugt und die Informationen werden in übersichtliche Themenbereiche aufgeteilt. Unter diesem Steuerelement befindet sich der dazugehörige Text, sowie ein Button welcher zu weiteren Informationen führt. Um den Nutzer*innen eine schnelle Orientierung bei den Materialien, Projekten oder der Entsorgung zu ermöglichen, befindet sich darunter ein Filterelement um die Ergebnisse nach Kategorien zu sortieren. So kann direkt nach Holz, Metall etc. Sortiert werden. Ansicht der identisch aufgebauten "Upcycling" Seite. Ansicht der identisch aufgebauten "Entsorgung" Seite. 3. Reparieren Auf der "Reparieren" Seite werden Anleitungen aufgelistet, welche übliche Probleme und Herausforderungen behandeln. Die Nutzer*innen können auch hier ihre eigenen Anleitungen erstellen, welche durch ein herkömmliches Bewertungssystem auf ihre Qualität geprüft werden können. Auch hier befindet sich die Kategorisierung durch das Filterelement, um eine simple Navigation zu gewährleisten. Alternativ kann die Suchleiste genutzt werden. Darunter befindet sich eine Auswahl an Anleitungen in einer übersichtlichen Listenansicht welche durch ihre zusätzlichen Informationen, direkt Auskunft über Zeitaufwand, Schwierigkeitsgrad und benötigte Werkzeuge geben. 4. Börse Um eine klare Struktur auf der Börsen Seite zu schaffen, lässt sich die Überkategorie zuerst einstellen. Diese erlaubt es den Nutzer*innen zwischen "Werkzeuge", "Ich brauche Hilfe" und "Ich biete Hilfe" zu sortieren. Unter dieser Kategorisierung befindet sich das bereits bekannte Filterelement mit welchem genauer zwischen "Möbel & Holz", "Metall" etc. Gefiltert werden kann. Das folgende Element ist eine übersichtliche Listenansicht der Angebote. Hier werden die wichtigen Informationen wie Produkt, Kategorie, Dauer der Leihgabe und Ort angezeigt. Auf der rechten Seite befindet sich ein "Anfrage" Button welches unkompliziertes Anfragen erlaubt. Auch hier können die Nutzer*innen eine eigene Anzeige schalten. 4. Börse Ansicht der "Ich brauche Hilfe Seite" mit von Nutzer*innen geschalteten Anzeigen welche sich durch das Filterelement sortieren lassen. Rechts befindet sich leicht einsehbar der "Zusagen" Button um eine einfache Bedienung zu ermöglichen. 4. Börse Ansicht der "Ich biete Hilfe" Seite mit von Nutzer*innen geschalteten Anzeigen welche sich auch hier durch das Filterelement sortieren lassen. Auch hier befindet sich rechts leicht einsehbar der "Zusagen" Button. Zusätzlich haben die Nutzer*innen die Möglichkeit die Dienstleistungen mit einem Sternsystem zu Bewerten. 5. Einstellungen Auf der Einstellungsseiten können Nutzer*innen ihre Präferenzen bezüglich einiger Technischen sowie sicherheitsrelevanter Einstellung festlegen. Darunter etwa exakten Standort, Stadtteil Zuordnung, Direktnachrichten etc. Diese können durch ein simples Schaltersystem ein und aus gestellt werden.