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

Bildschirmfoto 2023-07-01 um 20.18.35.jpgBildschirmfoto 2023-07-01 um 20.18.35.jpg

Luisenburg360°

Luisenburg360° ist ein Virtueller Rundgang für das Freilichttheater Luisenburg in Wunsiedel. Dieser besteht aus 360° Aufnahmen die per Code miteinander verbunden wurden. Unterstützend sind Infoebenen zu jeder Station dabei. Nun ist es möglich das Theater zu jeder Uhrzeit und von jedem Ort aus zu besuchen und man steht nie wieder vor verschlossenen Türen.

Die Luisenburg ist das älteste Freilichttheater Deutschlands und begeistert seit mehr als hundert Jahren das Publikum. Jedes Jahr zieht die Luisenburg rund 140.000 Zuschauer an. Auf dieser beeindruckenden Naturbühne findet eine vielfältige Auswahl an Aufführungen, von Klassikern bis hin zu zeitgenössischen Stücken statt, die von talentierten Schauspielern zum Leben erweckt werden.

Filmische Dokumentation

Ausstellungssituation

Foto-7.jpgFoto-7.jpg
Foto-6.jpgFoto-6.jpg
Foto-5.jpgFoto-5.jpg
IMG_8927.jpgIMG_8927.jpg

-Plakat-Luisenburg360.jpg-Plakat-Luisenburg360.jpg

Die Anwendung kann entweder über den Browser oder den QR-Code geöffnet werden.

https://luisenburg360.glitch.me/

QR-Code Luisenburg weiß.pngQR-Code Luisenburg weiß.png

Pitchdeck

PitchdeckInteractiondesignLuiseKöhlerKD4.pdf PDF PitchdeckInteractiondesignLuiseKöhlerKD4.pdf

Userflow

Bildschirmfoto 2023-06-21 um 12.18.19.pngBildschirmfoto 2023-06-21 um 12.18.19.png

__Designprozess__

Ideensammlung

Übung AR 5.April

Kleine Übungsaufgabe zum Thema AR um die Technik besser verstehen zu können. 

In meinem Fall in Zusammenarbeit mit Tom eine Neugestaltung der Treppe außerhalb des KD Gebäudes. Mit Aero und Aftereffects erstellt.

WhatsApp Image 2023-07-19 at 19.40.11.jpegWhatsApp Image 2023-07-19 at 19.40.11.jpeg

KI Experimente 12.04

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Tom _ Luise - KI Experimente.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Tom _ Luise - KI Experimente.jpg

Themenrecherche

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Ideensammlung Luise.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Ideensammlung Luise.jpg

KD4 Virtuelle Informationsexponate im öffentlichen Raum - Vertiefung Luisenburg.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - Vertiefung Luisenburg.jpg

Erste Layoutideen / Wireframes

Bildschirmfoto 2023-05-10 um 12.48.52.pngBildschirmfoto 2023-05-10 um 12.48.52.png

Erster Scanversuch

Meinen ersten Versuch 360° Aufnahmen zu machen war mit der Scan App -HDReye für IOS. Diese app generierts aus ganz vielen kleinen Fotos eine Kuppel.

Erster Scanversuch -HDReye.jpegErster Scanversuch -HDReye.jpeg

Große Bilderrecherche

KD4 Virtuelle Informationsexponate im öffentlichen Raum - LuiseKöhler- LuisenburgFestspiele.jpgKD4 Virtuelle Informationsexponate im öffentlichen Raum - LuiseKöhler- LuisenburgFestspiele.jpg

Inhalte / Aufnahmen strukturieren

Bildschirmfoto 2023-05-24 um 11.39.58.pngBildschirmfoto 2023-05-24 um 11.39.58.png

Iconvorschläge

Bildschirmfoto 2023-05-24 um 11.41.50.pngBildschirmfoto 2023-05-24 um 11.41.50.png

Besuch auf der Luisenburg

Am 31. Mai hat sich Katharina Hager von der Luisenburg für mich Zeit genommen und hat mich durch das komplette Theater geführt. Letzendlich habe ich mich für 9 Stationen entschieden.

fb91b310-23e9-473e-a703-7ab3fce1437d.JPGfb91b310-23e9-473e-a703-7ab3fce1437d.JPG
74d919dd-0a19-426b-ba50-ff8baebef87a.JPG74d919dd-0a19-426b-ba50-ff8baebef87a.JPG
0897acf8-0714-4dcf-a3d5-e2ab7c75db78.JPG0897acf8-0714-4dcf-a3d5-e2ab7c75db78.JPG
IMG_5401.jpgIMG_5401.jpg

360° Aufnahmen

Anders als bei der Scan App mit dem Handy habe ich hierfür die GoPro Fusion verwendet, diese Kamera macht gleichzeitig in Sekunden zwei 180° Fotos, die man im Nachhinein zu einer 360° Kuppel zusammen führen kann. Das habe ich mit dem Programm Fusion Studio gemacht.

klein_Tribüne1.jpgklein_Tribüne1.jpg
klein_Eingang.jpgklein_Eingang.jpg
klein_Tontechnik.jpgklein_Tontechnik.jpg
klein_Bühnemitte.jpgklein_Bühnemitte.jpg
klein_Bühneoben.jpgklein_Bühneoben.jpg
klein_Seitenbühne.jpgklein_Seitenbühne.jpg
klein_Kostüm.jpgklein_Kostüm.jpg
klein_Maske.jpgklein_Maske.jpg
klein_AlterTheaterplatz.jpgklein_AlterTheaterplatz.jpg

Farbproben

Farbproben der Icons auf den Fotografien. ---> Entschluss: Dunkelblau mit Weißem Rand gut erkennbar

Bildschirmfoto 2023-06-14 um 09.26.44.pngBildschirmfoto 2023-06-14 um 09.26.44.png

Icons

Bildschirmfoto 2023-06-14 um 09.31.56.pngBildschirmfoto 2023-06-14 um 09.31.56.png

Texte

Bildschirmfoto 2023-06-14 um 09.28.00.pngBildschirmfoto 2023-06-14 um 09.28.00.png

Fotoretusche

Leider ist auf jedem 360Grad Bild das Stativ mit drauf, durch die Photoshop beta Version konnte ich diesen Fehler mit der KI ausfüllen lassen.

Bildschirmfoto 2023-06-14 um 09.28.37.pngBildschirmfoto 2023-06-14 um 09.28.37.png

Kartenvarianten

1. Original in Schwarzweiß   2. Nachzeichner in Illustrator  3. Handgezeichnet   4. und 5. Tabletzeichnung

Bildschirmfoto 2023-06-14 um 09.30.38.pngBildschirmfoto 2023-06-14 um 09.30.38.png

AI stylisiert generierte Bilder : Google collab

Bildschirmfoto 2023-06-14 um 09.30.00.pngBildschirmfoto 2023-06-14 um 09.30.00.png

Struktur des Rundgangs

Bildschirmfoto 2023-06-14 um 09.29.24.pngBildschirmfoto 2023-06-14 um 09.29.24.png

Prototyp Figma

Bevor das Coden gestartet hat, habe ich den Rundgang in Figma strukturiert.

Code Anfang

Bildschirmfoto 2023-06-14 um 10.54.31.pngBildschirmfoto 2023-06-14 um 10.54.31.png
Bildschirmfoto 2023-06-14 um 10.54.56.pngBildschirmfoto 2023-06-14 um 10.54.56.png

Fertiger Code in Glitch:

https://glitch.com/edit/#!/luisenburg360

Lasercut Ausstellung

Für die Ausstellung zusammen habe ich mit Lilly zusammen ein paar Stecknadeln meiner Anwendung schneiden lassen und auch mit dem Schriftzug Luisenburg graviert. Wir haben ein paar Versuche gebraucht bis wir es richtig hinbekommen haben aber die Proben habe ich weiterverwertet zu Ohrringen die ich zur Werkschau getragen habe. (siehe oben)

IMG_5723.jpgIMG_5723.jpg
IMG_5725.jpgIMG_5725.jpg

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im zweiten Studienabschnitt

Betreuung

foto: Prof. Michael Zöllner

Zugehöriger Workspace

Interaction / Information Design (KD4)

Entstehungszeitraum

Sommersemester 2023