Quiz: Welches Reiseziel passt am besten zu mir? 2.0
Die Wahl des passenden Reiseziels stellt für viele nach wie vor eine Herausforderung dar. Im Rahmen der Weiterführung unseres Projekts vom 3. Semester haben wir unsere bestehende Webseite ausgebaut und fertiggestellt. Ziel war es, das interaktive Quiz vollständig funktionsfähig zu machen und das Angebot an möglichen Reisezielen zu erweitern.
Zum Quiz
Weiterführung
Im aktuellen Semester wurde das Reiseziel-Quiz vollständig ausgearbeitet und optimiert. Das Quiz ist nun stabil und funktionsfähig und hilft Nutzer:innen, anhand ihrer Präferenzen ein passendes Reiseziel zu finden.
Insgesamt umfasst das Quiz 22 Reiseziele, davon 9 Städte und 13 Länder.
Umsetzung
Zur besseren Nachvollziehbarkeit und Veranschaulichung des Quiz haben wir zudem einen klaren Entscheidungspfad erstellt, der zeigt, wie Antworten zu bestimmten Reisezielen führen.
Alle im Quiz enthaltenen Reiseziele basieren auf unseren eigenen Reiseerfahrungen und wurden von uns persönlich besucht. Auch das gesamte Bildmaterial stammt von uns selbst, was eine konsistente visuelle Gestaltung sowie einen persönlichen Bezug zu den präsentierten Orten ermöglicht.
Technisches
Die Webseite wurde weiter optimiert und ist nun für Desktop und Mobile umgesetzt. Die bestehende technische Grundlage wurde beibehalten und weiterentwickelt. Dabei kamen weiterhin HTML, CSS und JavaScript zum Einsatz.
Figma
Als Grundlage für die Umsetzung diente unser Prototyp in Figma. Dieser wurde im aktuellen Semester angepasst, erweitert und half uns dabei, Struktur, Design und Benutzerführung des Quiz vorab zu planen und effizient umzusetzen.
Link zum Figma
Aufteilung
Katja: Ideenfindung, Fotos, Design Figma + Texte, Pfad
Eliane: Ideenfindung, Fotos, Umsetzung (Code)
Gianne: Ideenfindung, Fotos, Umsetzung (Code)
(mbi)
Probleme:
Im Verlauf der Weiterentwicklung traten erneut einige Herausforderungen auf. Besonders die Umsetzung von der Desktop- zur Mobile-Version erwies sich als aufwendig, da Layouts und Inhalte entsprechend angepasst werden mussten und es manchmal nicht so wollte, wie wir es wollten.
Auch der Umgang mit den Bildern stellte eine Schwierigkeit dar. Die von uns verwendeten Fotos haben eine hohe Qualität, was jedoch zu grossen Datenmengen führte. Hier mussten wir einen Kompromiss zwischen Bildschärfe und Ladezeit finden.
Learnings:
Aus dem Projekt wurde deutlich, wie wichtig ein klar strukturierter Entscheidungspfad ist, um ein Quiz sinnvoll aufzubauen und jederzeit den Überblick zu behalten.
Zudem haben wir gelernt, wie wichtig es ist, Inhalte, Design und Technik von Anfang an gut aufeinander abzustimmen.
Fazit:
Insgesamt blicken wir sehr positiv auf die Weiterführung des Projekts zurück. Die Zusammenarbeit in der Gruppe funktionierte gut, da wir effizient arbeiteten, Aufgaben klar aufteilten und uns regelmässig abstimmten. Eine offene Kommunikation trug wesentlich dazu bei, das Projekt erfolgreich abzuschliessen.