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

Interaction/Information Design - Bewusster Fleischkonsum

Interaction/Information Design - Bewusster Fleischkonsum

1. Titel: Bewusster Fleischkonsum

Startbildschirm (1).pngStartbildschirm (1).png

2. Beschreibung des Projektes

Im Kurs Interaction Design konnte man im vierten Semester zwischen drei verschiedenen Themen wählen. Diese waren: Forschungsmarketing, Kulturregion Hochfranken und Klimawandel bzw. Nachhaltigkeit. 

Ich habe mich für das Thema Nachhaltigkeit entschieden und mich auf den Punkt Auswirkungen des Fleischkonsums bzw. bewusster Fleischkonsum bezogen. Dazu habe ich zuerst eine MindMap zum Thema erstellt und viele Informationen gesammelt. Im Laufe des Semesters habe ich mir überlegt, wie ich mein Projekt umsetzen möchte und war zwischen der Idee, eine App mit Scanfunktion zu entwickeln, die es ermöglicht, Fleischprodukte zu scannen, nach Haltungsbedingungen zu sortieren und zu visualisieren, unter welchen Bedingungen das Fleisch produziert wird. Die zweite Idee wäre eine Ausstellungsbühne, die es dem/der Besucher*in ermöglicht Fleischobjekte auf vorgesehene Sensoren zu legen und die CO2-Bilanz der jeweiligen Fleischprodukte anhand von übersichtlichen Infografiken zu erfahren. Ich entschied mich schließlich für die letztere Idee und begann diese Schritt für Schritt umzusetzen. Dafür ging ich in den Makerspace, um Fleisch zu scannen, experimentierte mit der Luma AI App, baute mir Pfannen und Kochplatten in Spline, goss und bemalte meine eigenen Fleischobjekte etc. Es war ein wirklich experimenteller und aufregender Prozess! Gleichzeitig arbeitete ich an den Inhalten, recherchierte genaue Daten zu jedem Tier und visualisierte diese. Für die Illustrationen arbeitete ich mit Illustrator und für die Darstellung auf dem Bildschirm mit Figma. Zum Schluss habe ich mit Hilfe meines Professors zwei RFID-Sensoren (Rasperrys) und die dazugehörigen Chips bzw. Karten codiert und über Befehle (if Keypad „XY“ then… etc.) mit Figma verbunden.

3. Filmische Dokumentation des Projekts

4. Bilder der Umsetzung/Ausstellung

FK4.jpegFK4.jpeg
WhatsApp Image 2023-07-18 at 18.21.22.jpegWhatsApp Image 2023-07-18 at 18.21.22.jpeg
FK1.jpegFK1.jpeg
FK3.jpegFK3.jpeg

5. Pitch Deck

Pitch Deck Interaction (1)-komprimiert.pdf PDF Pitch Deck Interaction (1)-komprimiert.pdf

6. Userjourney/ Userflow

KD4 Virtuelle Informationsexponate im öffentlichen Raum - User Flow (2).jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - User Flow (2).jpg

7. Designprozess

7.1 Erste Ideensammlung

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Themensammlung - Ahsen (1).jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Themensammlung - Ahsen (1).jpg

7.2 Vertiefung auf zwei Themen (Fleischkonsum+Makerspace)

Fleischkonsum:

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Vertiefung_ hoher Fleischkonsum - Ahsen.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Vertiefung_ hoher Fleischkonsum - Ahsen.jpg

Makerspace:

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Vertiefung_ Makerspace - Ahsen.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Vertiefung_ Makerspace - Ahsen.jpg

7.3 Mögliche Tools für mein Thema

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Frame 29.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Frame 29.jpg

7.4 Skizze Ausstellung

skizze.pngskizze.png

7.5 Moodboards

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Moodboard.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Moodboard.jpg

7.6 Gegenüberstellung der Darstellungsvarianten

Da ich unschlüssig war und nicht wusste, welche Darstellungsvariante ich für meine 3D-Objekte verwenden sollte, verglich ich sie und wog ab, welche die bessere für mein Projekt war.

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Gegenüberstellung der Darstellungsvarianten.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Gegenüberstellung der Darstellungsvarianten.jpg

7.7 Fleisch scannen im Makerspace

WhatsApp Image 2023-05-23 at 16.30.35.jpegWhatsApp Image 2023-05-23 at 16.30.35.jpeg
WhatsApp Image 2023-05-23 at 16.30.57.jpegWhatsApp Image 2023-05-23 at 16.30.57.jpeg
WhatsApp Image 2023-05-23 at 16.30.57 (1).jpegWhatsApp Image 2023-05-23 at 16.30.57 (1).jpeg

7.8 Illustrationen Fleisch

Interaction Design (1).jpgInteraction Design (1).jpg

7.9 Scans in Luma Ai

Keule:

keulescreenshot.pngkeulescreenshot.png

In Spline überarbeitet:

Steak:

SteakScreenshot.pngSteakScreenshot.png

7.10 Fleischstücke gegossen

WhatsApp Image 2023-06-07 at 09.29.39 (1).jpegWhatsApp Image 2023-06-07 at 09.29.39 (1).jpeg
WhatsApp Image 2023-06-07 at 09.29.38.jpegWhatsApp Image 2023-06-07 at 09.29.38.jpeg
WhatsApp Image 2023-06-07 at 09.29.59.jpegWhatsApp Image 2023-06-07 at 09.29.59.jpeg
WhatsApp Image 2023-06-07 at 09.29.38 (1).jpegWhatsApp Image 2023-06-07 at 09.29.38 (1).jpeg
WhatsApp Image 2023-06-07 at 09.29.39.jpegWhatsApp Image 2023-06-07 at 09.29.39.jpeg

WhatsApp Image 2023-06-07 at 09.32.01.jpegWhatsApp Image 2023-06-07 at 09.32.01.jpeg

7.11 Ersten Ansätze Infografiken

HuhnInfo.pngHuhnInfo.png
RindInfo.pngRindInfo.png
SchweinInfo.pngSchweinInfo.png

7.12 Pfannen + Herdplatten

Die Pfanne und die Herdplatte habe ich selbst in Spline modelliert und in der Hochschule drucken lassen.

Herdplatte.pngHerdplatte.png
Pfanne.pngPfanne.png

WhatsApp Image 2023-07-18 at 21.14.12.jpegWhatsApp Image 2023-07-18 at 21.14.12.jpeg
WhatsApp Image 2023-07-18 at 21.09.25.jpegWhatsApp Image 2023-07-18 at 21.09.25.jpeg
WhatsApp Image 2023-07-18 at 21.09.39.jpegWhatsApp Image 2023-07-18 at 21.09.39.jpeg

7.13 Infografiken Final

BewussterFleischkonsumAlleFolien.pngBewussterFleischkonsumAlleFolien.png

Aufforderung.pngAufforderung.png
K.pngK.png
Schluss.pngSchluss.png
C.pngC.png

7.14 Vorbereitungen auf die Werkschau

WhatsApp Image 2023-07-18 at 21.11.05.jpegWhatsApp Image 2023-07-18 at 21.11.05.jpeg
WhatsApp Image 2023-07-18 at 21.11.06.jpegWhatsApp Image 2023-07-18 at 21.11.06.jpeg
WhatsApp Image 2023-07-18 at 21.11.06 (2).jpegWhatsApp Image 2023-07-18 at 21.11.06 (2).jpeg

8. Link zum Prototypen

AR/VR/LED Recherche

Adobe Aero Projekt am Campus Münchberg

In Zusammenarbeit mit Eva haben wir uns mit dem Programm Aero von Adobe beschäftigt und damit experimentiert. Wir haben 3D-Figuren in den Raum gestellt und sie interagieren lassen. Die Aufnahmen entstanden im Studio, am Eingang und vor dem Campusgebäude in Münchberg.

KI/Machine Learning

Runway

Gen1: Video to Video

Original

Video mix mit Cyberpunk.jpg as Style Reference

Generate Prompt „drawing with another person next to me“

Expand Image

Runway 2023-04-16T19_58_08.065Z Expand Image.jpgRunway 2023-04-16T19_58_08.065Z Expand Image.jpg
Screenshot 2022-03-27 140537.png.pngScreenshot 2022-03-27 140537.png.png
Runway 2023-04-16T19_57_36.603Z Expand Image.jpgRunway 2023-04-16T19_57_36.603Z Expand Image.jpg
Runway 2023-04-16T19_57_30.598Z Expand Image.jpgRunway 2023-04-16T19_57_30.598Z Expand Image.jpg
Runway 2023-04-16T19_57_33.437Z Expand Image.jpgRunway 2023-04-16T19_57_33.437Z Expand Image.jpg

Runway 2023-04-16T20_42_48.734Z Expand Image.jpgRunway 2023-04-16T20_42_48.734Z Expand Image.jpg
IMG_6918 (1).PNGIMG_6918 (1).PNG
Runway 2023-04-16T20_42_43.718Z Expand Image.jpgRunway 2023-04-16T20_42_43.718Z Expand Image.jpg
Runway 2023-04-16T20_42_50.885Z Expand Image.jpgRunway 2023-04-16T20_42_50.885Z Expand Image.jpg
Runway 2023-04-16T20_42_38.268Z Expand Image.jpgRunway 2023-04-16T20_42_38.268Z Expand Image.jpg

Runway 2023-04-16T20_44_51.643Z Expand Image.jpgRunway 2023-04-16T20_44_51.643Z Expand Image.jpg
WhatsApp Image 2022-07-16 at 23.34.05 (1) (1).jpegWhatsApp Image 2022-07-16 at 23.34.05 (1) (1).jpeg
Runway 2023-04-16T20_44_46.376Z Expand Image.jpgRunway 2023-04-16T20_44_46.376Z Expand Image.jpg

Image to Image

Prompt: drawing next to the beach

Bild2.jpg.jpgBild2.jpg.jpg
Runway 2023-04-16T19_48_39.598Z Image to Image drawing next to the beach.jpgRunway 2023-04-16T19_48_39.598Z Image to Image drawing next to the beach.jpg

DALLE

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Frame 30.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Frame 30.jpg

Aframe: erster Versuch

Aframe_1.pngAframe_1.png
Aframe_2.pngAframe_2.png

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Interaction / Information Design (KD4)

Entstehungszeitraum

Sommersemester 2023