1. Finaler Titel

„Zero or sugar - Konsum von Süßstoffen am Campus Münchberg“

2. Repräsentatives Bild - Header

3. Kurzbeschreibung

In den letzten Jahren werden Zuckeralternativen immer mehr beworben. Mit diesem Projekt kann man anhand einer Einkaufssituation den Konsum von Zero vs. Zucker Lebensmitteln am Campus Münchberg checken. 

Dabei scannt man eine der beiden Strichcodes auf den Etiketten der Flaschen und gelangt somit zu einem Teil der Website - Zero oder Sugar. Andernfalls ist es auch möglich mit der Maus durch die Website zu scrollen. 

Nachdem man sich die Informationen, die Konsumdaten und gesundheitlichen Aspekte beider Seiten angeschaut hat, kann man mit Hilfe eines Buttons einen Kassenzettel drucken, der die Verkaufszahlen von 2023 aus der Mensa Münchberg zeigt. Zusätzlich dazu befindet sich auf dem Kassenzettel ein QR-Code, der gescannt werden kann und auf die mobile Variante der Website verweist.

4. Filmische Dokumentation

5. Bilder der Umsetzung/ Anwendung/ Ausstellung

6. Pitch Deck

7. Userjourney/ Userflows

8. Designprozess

Skizzen:

Designvarianten:

Finales Design:

Etikette, passend zum Corporate Design:

9. Link zu Quellcode und Prototypen

Webflow Page: 
https://zero-vs-sugar-bae8d8ba4fa04395a7d46246f.webflow.io/

https://zero-vs-sugar.webflow.io/

Figma Prototyp: 

https://www.figma.com/proto/HSF21d1zhfOsVshqmHBYkH/Zero-Getr%C3%A4nke-Plakat?page-id=59%3A2&node-id=206-1385&viewport=-435%2C-478%2C0.06&t=URJ176xx9WZU5y3h-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=206%3A1385&show-proto-sidebar=1

Figma File:

https://www.figma.com/design/HSF21d1zhfOsVshqmHBYkH/Zero-Getr%C3%A4nke-Plakat?node-id=59-2&t=Kuk3q5FwXNfA6jK2-1

Miro-Board

https://miro.com/app/board/uXjVKXA_tQE=/

01.07. - Webflow

 https://zero-vs-sugar-bae8d8ba4fa04395a7d46246f.webflow.io/

https://zero-vs-sugar.webflow.io/

17.06. - Screendesign

Kassenzettel für Ausstellung:

Weiterer Fahrplan:

Screendesign in Figma:

https://www.figma.com/proto/kPjb3QEr9JmhE0HpzN2w8o/Konsum-von-S%C3%BC%C3%9Fmitteln-am-Campus-M%C3%BCnchberg?page-id=0%3A1&node-id=1-503&viewport=369%2C281%2C0.1&t=MiacM7pgvu8iHzVd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1%3A503

Scanner:

10.06. - Design-Phase

Umfrage Modell für Mensa

Screendesign

27.05. - Design-Phase

User-Flow

Prototypischer Ausdruck der Flaschenetikette:

Teil des Umfragemodells am Lasercutter gecuttet:

Prototyp für Screendesign:

https://www.figma.com/proto/HSF21d1zhfOsVshqmHBYkH/Zero-Getr%C3%A4nke-Plakat?page-id=59%3A2&node-id=114-461&viewport=-608%2C-74%2C0.12&t=P9ebh8AzOZu9hqrZ-1&scaling=scale-down-width&starting-point-node-id=110%3A75

13.05. - Design-Phase

Barcode Schriften Figma

Aufteilung der Website

Visualisierungsideen: 

- soll in der Endvisualisierung eine Animation sein oder sich on scroll füllen

Einleitung auf Screen

Datei für Lasercutter

06.05. - Pitch Deck

29.04. - Umsetzungsschritte Mensaumfrage

Prototyp aus Pappe:

Umfrage digital gezeichnet in Mensa

22.04.2024 - digitale Skizzen, Moodboard

Skizze für Mensa Umfrage

Kontakt zu Mensa ist bereits aufgenommen, Verkaufsstatistiken der Getränke von Münchberg 2023 bekomme ich in KW19.

Moodboard

Ausstellungsbeschreibung

15.04.2024 - Umfrage und Umsetzungsideen

Miro Board: 

https://miro.com/app/board/uXjVKXA_tQE=/

Umfrage über Google Docs

https://forms.gle/LREfXSJsMVAp3rD68

Umfrage Mensa Umsetzungsidee

Umsetzungsideen für Austellung/ Werkschau

08.04.2024 - Thema: Zero Lebensmittel

Scribbles von Ideen

Mediale Umsetzungsideen

Ideen-/ Themensammlung