Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

Vermarktungsapp Urban Farming

1. Arbeitstitel und Titelbild

Vermarktungsapp Urban Farming

App Urban Farming 2.jpgApp Urban Farming 2.jpg

2. Grundideen

Bildschirmfoto 2024-07-21 um 21.53.25.pngBildschirmfoto 2024-07-21 um 21.53.25.png

20240409_135517.jpg20240409_135517.jpg
20240409_135523.jpg20240409_135523.jpg
20240409_135530.jpg20240409_135530.jpg
20240409_135540.jpg20240409_135540.jpg
20240409_135552.jpg20240409_135552.jpg

3. Kurzbeschreibung Projekt

Urban Greens ist eine Vermarktungsapp für Urban Farming, die Produkte von Urban Farms an lokale Läden, Restaurants und eventuell auch an Bürger vermittelt. Die App soll eine nachfrageorientierte Anbauweise unterstützen, indem sie Produzenten und Käufer direkt miteinander verbindet. 

Die App ermöglicht eine direkte Verbindung zwischen Produzenten und Händlern, was die Bedürfnisse beider Parteien berücksichtigt. Produkte können bequem und einfach auf der Plattform angeboten werden, wobei detaillierte Informationen über deren Verfügbarkeit und Qualität bereitgestellt werden. Kleine Läden und Restaurants können ihre spezifischen Bedürfnisse angeben und direkt Bestellungen bei den Produzenten aufgeben, was die Effizienz und Transparenz der Vermarktung erhöht. E gibt eine Kauffunktion, eine Chatfunktion zum direkten Kontakt mit den Produzenten, sowie ein Abstimmungstool und Verkäufer- und Käuferseiten, um Informationen über den Anbieter darzustellen.

4. Zielformulierung (what, how, why?)

Bildschirmfoto 2024-05-07 um 14.25.04.pngBildschirmfoto 2024-05-07 um 14.25.04.png

5. Eingrenzung der Zielgruppe, Sinus-Milieu

Bildschirmfoto 2024-05-07 um 14.25.23.pngBildschirmfoto 2024-05-07 um 14.25.23.png

Bildschirmfoto 2024-05-07 um 14.25.54.pngBildschirmfoto 2024-05-07 um 14.25.54.png

Bildschirmfoto 2024-05-07 um 14.26.09.pngBildschirmfoto 2024-05-07 um 14.26.09.png
Bildschirmfoto 2024-05-07 um 14.26.22.pngBildschirmfoto 2024-05-07 um 14.26.22.png

6. Recherche, Inhalte, Daten & Quellen

Recherche

Bildschirmfoto 2024-07-21 um 21.53.07.pngBildschirmfoto 2024-07-21 um 21.53.07.png

Wettbewerbsanalyse

Bildschirmfoto 2024-05-07 um 14.25.30.pngBildschirmfoto 2024-05-07 um 14.25.30.png

Bildschirmfoto 2024-07-21 um 19.39.10.pngBildschirmfoto 2024-07-21 um 19.39.10.png

8. Personas

Bildschirmfoto 2024-05-07 um 14.26.46.pngBildschirmfoto 2024-05-07 um 14.26.46.png
Bildschirmfoto 2024-05-07 um 14.27.12.pngBildschirmfoto 2024-05-07 um 14.27.12.png

9. User Stories

Bildschirmfoto 2024-05-07 um 14.27.51.pngBildschirmfoto 2024-05-07 um 14.27.51.png

10. User Journeys

Bildschirmfoto 2024-05-07 um 14.29.30.pngBildschirmfoto 2024-05-07 um 14.29.30.png
Bildschirmfoto 2024-05-07 um 14.29.44.pngBildschirmfoto 2024-05-07 um 14.29.44.png

11. Vollständige Funktionsbeschreibung

Bildschirmfoto 2024-05-07 um 14.25.42.pngBildschirmfoto 2024-05-07 um 14.25.42.png
Bildschirmfoto 2024-07-21 um 19.45.04.pngBildschirmfoto 2024-07-21 um 19.45.04.png
Bildschirmfoto 2024-07-21 um 19.45.29.pngBildschirmfoto 2024-07-21 um 19.45.29.png
Bildschirmfoto 2024-07-21 um 19.45.40.pngBildschirmfoto 2024-07-21 um 19.45.40.png

12. Funktionsbewertung

Bildschirmfoto 2024-05-07 um 14.43.55.pngBildschirmfoto 2024-05-07 um 14.43.55.png

13. Wireframes

Auswahl der Kits

Cover.pngCover.png

Paper Prototyping

Bildschirmfoto 2024-05-07 um 14.44.05.pngBildschirmfoto 2024-05-07 um 14.44.05.png

Erster Entwurf in Figma mit dem Google Material Design Kit

Bildschirmfoto 2024-07-21 um 19.59.26.pngBildschirmfoto 2024-07-21 um 19.59.26.png
Bildschirmfoto 2024-07-21 um 19.59.35.pngBildschirmfoto 2024-07-21 um 19.59.35.png
Bildschirmfoto 2024-07-21 um 19.59.43.pngBildschirmfoto 2024-07-21 um 19.59.43.png
Bildschirmfoto 2024-07-21 um 19.59.53.pngBildschirmfoto 2024-07-21 um 19.59.53.png

14. Click-Through / Prototyping

15. Usability Fragebogen / Testing / Korrektur

16. Moodboard

Bildschirmfoto 2024-05-07 um 14.44.21.pngBildschirmfoto 2024-05-07 um 14.44.21.png
Bildschirmfoto 2024-05-07 um 14.44.30.pngBildschirmfoto 2024-05-07 um 14.44.30.png
Bildschirmfoto 2024-05-07 um 14.44.45.pngBildschirmfoto 2024-05-07 um 14.44.45.png
Bildschirmfoto 2024-05-07 um 14.44.55.pngBildschirmfoto 2024-05-07 um 14.44.55.png

17. Designvarianten

1. Versuch

Bildschirmfoto 2024-07-21 um 20.08.27.pngBildschirmfoto 2024-07-21 um 20.08.27.png

2. Versuch

Bildschirmfoto 2024-07-21 um 20.11.21.pngBildschirmfoto 2024-07-21 um 20.11.21.png
Bildschirmfoto 2024-07-21 um 20.11.59.pngBildschirmfoto 2024-07-21 um 20.11.59.png

18. Finales Design

Login

Bildschirmfoto 2024-07-21 um 20.19.27.pngBildschirmfoto 2024-07-21 um 20.19.27.png

Suche nach Tomaten

Bildschirmfoto 2024-07-21 um 20.19.44.pngBildschirmfoto 2024-07-21 um 20.19.44.png

Informationen über den Händler und Chat mit dem Händler

Bildschirmfoto 2024-07-21 um 20.20.00.pngBildschirmfoto 2024-07-21 um 20.20.00.png

Kategoriensuche

Bildschirmfoto 2024-07-21 um 20.21.03.pngBildschirmfoto 2024-07-21 um 20.21.03.png

Erstellen eines Angebots

Bildschirmfoto 2024-07-21 um 20.22.43.pngBildschirmfoto 2024-07-21 um 20.22.43.png

Profilseite, Abstimmungstool und Suchseite

Bildschirmfoto 2024-07-21 um 20.23.12.pngBildschirmfoto 2024-07-21 um 20.23.12.png

19. Prototyping / Link Figma

Bildschirmfoto 2024-07-21 um 20.35.13.pngBildschirmfoto 2024-07-21 um 20.35.13.png

20. Testing / Korrektur

Bildschirmfoto 2024-07-21 um 20.38.41.pngBildschirmfoto 2024-07-21 um 20.38.41.png

Ich habe als Testing den SUS(System-Usability)-Fragebogen verwendet und schließend die Personen noch persönlich um Feedback gebeten. Bei den SUS-Fragebogen kaum bei 5 Personen überwiegend positives Feedback heraus, beispielsweise bei der Abbildung. Nebenbei wurde hilfreiche Erkenntnisse durch eine persönliche Befragung der Testpersonen gesammelt, was die User bei der App als schwierig oder verbesserungswürdig empfanden. Dabei wurde angemerkt, dass beispielsweise Titel für einen Titel für eine Produktbeschreibung missverständlich sein könnte. Die Kategorien wurden auch an anderen Orten vermutet oder die Navigationssymbole sollten größer sein. Das habe ich anschließend verbessert.

21. Styleguide

Frame 85.pngFrame 85.png

22. Screencast und PDF-Präsentation

Screencast

PDF-Präsenattion

23. Präsentationsvideo

24. Plakat

Plakat Urban Greens 1.pdf PDF Plakat Urban Greens 1.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

UX- und Storytelling (KD4)

Entstehungszeitraum

Sommersemester 2024