Juli 2022

Züribuech.ch

Züribuech - Das digitale Gästebuch

Ich habe während drei Jahren die HF Interaction Design an der Schule für Gestaltung in Zürich absolviert. Die Idee und das Konzept für das «Züribuech» entstand während meiner Diplomarbeit als Interaction Designerin HF. Alle Fotos sind meine eigenen, ausser die im Gästebuch.

Eine kompakte Auflistung meiner Tätigkeiten
  • Erstellung und Unterhalt des Design Systems
  • Entwerfen und Erstellen von neuen User Flows
  • Redesign von bestehenden Funktionen
  • Kreieren von neuen Pattern
  • Mitarbeit und Durchführung von User Interviews
  • Auswertung User Research

Facts & Figures

Kunde

Schule für Gestaltung Zürich

Scope

Konzept, Design und technische Umsetzung

Go Live

Juli 2022

Produkt

Diplomarbeit Interaction Designerin HF 2022

Der digitale Städte-Guide für Unterwegs

Die Umsetzung erfolgte mit Webflow. Während der ganzen Arbeit begleitete mich Timo Grossenbacher als Mentor. Das «Züribuech» verbindet die Branchen «Tourismus» und «Fotografie». Auf der Plattform sind die schönsten Aussichtspunkte, bei denen man auf die Stadt Zürich sehen kann, zu finden. Die Aussichtspunkte werden mit schönen Fotos dargestellt und die Routen sind beschrieben. Zusätzlich gibt es die Möglichkeit, sein eigenes Foto direkt auf der Webseite hochzuladen. Das Foto kann einfach und unkompliziert ohne Login oder Profil hochgeladen werden. Ziel ist es, so viele Momente wie möglich zu sammeln, um weiteren Webseiten-Besucher:innen einen Eindruck aller Wetter- und Saison Verhältnisse der Aussichtspunkte zu geben. (Die Webseite ist nicht mehr auf einer aktiven Domain, kann jedoch trotzdem noch angeschaut werden. Die Upload-Funktion funktioniert nicht mehr.)

So sieht die Funktion heute in der Software aus

  • Dokumente müssen einzeln «zur Dokumentation hinzugefügt» werden
  • Dokumente können nur einzeln gelöscht werden
  • Sortieren funktioniert über einen Button
  • Als User:in weiss ich nicht, ob das Dokument in der Dokumentation aktiv ist

Figma Prototype der den neuen User Flow zeigt

  • Dokumente können via Multiselect aktiviert werden
  • Dokumente können via Multiselect gelöscht werden
  • Sortierung per Drag and Drop
  • Visuelle Unterstützung, ob das Dokument in der Dokumentation aktiv ist