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

The Sound of History

1 | Kurzbeschreibung

Musik ist heute überall, doch ihr Ursprung, ihre Technik und ihr kultureller Wandel geraten in Vergessenheit. Dieses Projekt schafft eine Brücke zwischen Vergangenheit und Gegenwart, zwischen analoger Erinnerung und digitaler Erfahrung.

Über großformatige Plakate mit historischen Musikausgabegeräten entdeckst du die letzten 100 Jahre Musiktechnologie. Hinter gelben Punkten sind NFC-Tags verborgen, die mithilfe des Smartphones Animationen und speziell erzeugte Klangbeispiele aktivieren.

Die Lieder wurden mit einem KI-Tool zur Musikgenerierung erstellt und anschließend nach den typischen Klangcharakteren der jeweiligen Geräte möglichst realistisch bearbeitet. So entsteht ein emotionales, sinnliches Erlebnis, das ältere Generationen erinnert und jüngeren Nutzer*innen einen neuen Zugang zur Technik und Kultur des Musikhörens eröffnet.

2 | Filmische Dokumentation

3| Bilder der Umsetzung / Anwendung / Ausstellung

Board_Interaction_2.jpgBoard_Interaction_2.jpg

Board_Interaction_22.jpgBoard_Interaction_22.jpg

Board_Interaction_23.jpgBoard_Interaction_23.jpg
Board_Interaction_25.jpgBoard_Interaction_25.jpg

4 | Finales Pitch Deck

SS25 Interaction_Information (4).pdf PDF SS25 Interaction_Information (4).pdf

5 | Userjourney / Userflow

SS25 Interaction_Information - User Flow.jpgSS25 Interaction_Information - User Flow.jpg
SS25 Interaction_Information - User Flow 2.jpgSS25 Interaction_Information - User Flow 2.jpg

6 | Designprozess

Board_Interaction_26.jpgBoard_Interaction_26.jpg
Board_Interaction_27.jpgBoard_Interaction_27.jpg
Board_Interaction_29.jpgBoard_Interaction_29.jpg
Board_Interaction_28.jpgBoard_Interaction_28.jpg

6.2 Plakate

Alle finalen Plakate 2.pdf PDF Alle finalen Plakate 2.pdf

7 | Links zu Quellcode und Prototypen

_________________________________________

1 | Themensammlung

Bildschirmfoto 2025-03-24 um 12.56.34.pngBildschirmfoto 2025-03-24 um 12.56.34.png

1.1 Graffitibot Treppe

Bildschirmfoto 2025-04-02 um 19.30.10.pngBildschirmfoto 2025-04-02 um 19.30.10.png

2 | Macropad SynthPlug Drone (DIY)

Bildschirmfoto 2025-03-24 um 12.55.52.pngBildschirmfoto 2025-03-24 um 12.55.52.png

3 | Projektsammlung/Mediensammlung

Bildschirmfoto 2025-03-31 um 08.52.33.pngBildschirmfoto 2025-03-31 um 08.52.33.png

4 | What How Why

Bildschirmfoto 2025-04-14 um 09.49.42.pngBildschirmfoto 2025-04-14 um 09.49.42.png
Bildschirmfoto 2025-04-14 um 09.49.53.pngBildschirmfoto 2025-04-14 um 09.49.53.png
Bildschirmfoto 2025-04-14 um 09.51.25.pngBildschirmfoto 2025-04-14 um 09.51.25.png

5 | Pitch Deck

SS25 Interaction_Information.pdf PDF SS25 Interaction_Information.pdf

6 | Inhalte

6.1. Inhalte Zeit/Geräte

upscalemedia-transformed.pngupscalemedia-transformed.png
Bildschirmfoto 2025-05-05 um 10.48.50.pngBildschirmfoto 2025-05-05 um 10.48.50.png
Bildschirmfoto 2025-05-05 um 10.49.00.pngBildschirmfoto 2025-05-05 um 10.49.00.png
Bildschirmfoto 2025-05-05 um 10.49.11.pngBildschirmfoto 2025-05-05 um 10.49.11.png
Bildschirmfoto 2025-05-05 um 10.49.22.pngBildschirmfoto 2025-05-05 um 10.49.22.png
Bildschirmfoto 2025-05-05 um 10.49.33.pngBildschirmfoto 2025-05-05 um 10.49.33.png
Bildschirmfoto 2025-05-05 um 10.49.45.pngBildschirmfoto 2025-05-05 um 10.49.45.png

6.2. Tools

Bildschirmfoto 2025-05-05 um 10.52.43.pngBildschirmfoto 2025-05-05 um 10.52.43.png
Bildschirmfoto 2025-05-05 um 10.52.53.pngBildschirmfoto 2025-05-05 um 10.52.53.png

6.3 Erste Plakatentwürfe 

Bildschirmfoto 2025-05-19 um 10.57.28.pngBildschirmfoto 2025-05-19 um 10.57.28.png
Bildschirmfoto 2025-05-19 um 10.57.46.pngBildschirmfoto 2025-05-19 um 10.57.46.png

6.4 Website Entwürfe 1.0

Bildschirmfoto 2025-05-19 um 10.57.59.pngBildschirmfoto 2025-05-19 um 10.57.59.png
Bildschirmfoto 2025-05-19 um 10.58.05.pngBildschirmfoto 2025-05-19 um 10.58.05.png
Bildschirmfoto 2025-05-19 um 10.58.17.pngBildschirmfoto 2025-05-19 um 10.58.17.png

7 | Gestaltung

7.1 Plakate

Bildschirmfoto 2025-05-26 um 09.07.59.pngBildschirmfoto 2025-05-26 um 09.07.59.png
Bildschirmfoto 2025-05-26 um 09.08.07.pngBildschirmfoto 2025-05-26 um 09.08.07.png

7.1.1 Plakate final

Plakatreihe_1700-2010_Giuliana Fuchs.pdf PDF Plakatreihe_1700-2010_Giuliana Fuchs.pdf

7.2 Website

Bildschirmfoto 2025-06-29 um 18.27.04.pngBildschirmfoto 2025-06-29 um 18.27.04.png
Bildschirmfoto 2025-06-29 um 18.27.12.pngBildschirmfoto 2025-06-29 um 18.27.12.png

7.3 Animation

7.3.1 erste Skizzen

Skizzen für Animation.pngSkizzen für Animation.png
Skizzen für Animation_1.pngSkizzen für Animation_1.png
Skizzen für Animation_2.pngSkizzen für Animation_2.png
Skizzen für Animation_3.pngSkizzen für Animation_3.png

7.3.2 zweiten Skizzen

Bildschirmfoto 2025-06-16 um 08.57.07.pngBildschirmfoto 2025-06-16 um 08.57.07.png
Bildschirmfoto 2025-06-16 um 08.57.18.pngBildschirmfoto 2025-06-16 um 08.57.18.png
Bildschirmfoto 2025-06-16 um 08.58.02.pngBildschirmfoto 2025-06-16 um 08.58.02.png
Bildschirmfoto 2025-06-16 um 08.57.25.pngBildschirmfoto 2025-06-16 um 08.57.25.png
Bildschirmfoto 2025-06-16 um 08.57.38.pngBildschirmfoto 2025-06-16 um 08.57.38.png

7.3.3 Animation (Test 1)

7.3.4 Alle Animationen

7.4 Audio

7.4.1 Alle Audios

7.5 User Flow

SS25 Interaction_Information - User Flow.jpgSS25 Interaction_Information - User Flow.jpg
SS25 Interaction_Information - User Flow 2.jpgSS25 Interaction_Information - User Flow 2.jpg

8 | Herstellung

IMG_8583.JPGIMG_8583.JPG
IMG_8610.JPGIMG_8610.JPG
IMG_8613.JPGIMG_8613.JPG

1.JPG1.JPG
2.JPG2.JPG
3.PNG3.PNG
4.PNG4.PNG
5.PNG5.PNG
6.PNG6.PNG
7.JPG7.JPG

Bildschirmfoto 2025-07-04 um 12.22.09.pngBildschirmfoto 2025-07-04 um 12.22.09.png
Bildschirmfoto 2025-07-04 um 12.22.19.pngBildschirmfoto 2025-07-04 um 12.22.19.png

Damit nicht alle Sounds während der Ausstellung gleichzeitig zu hören sind, habe ich noch einen „Play & Pause“– Button animiert, der das Video und den Sound stoppt. Mit einem kurzen ergänzenden Satz werden die Besucher*innen darauf hingewiesen, das Video zu pausieren, bevor sie den nächsten Punkt mit dem Handy scannen.

Bildschirmfoto 2025-07-05 um 14.05.42.pngBildschirmfoto 2025-07-05 um 14.05.42.png
Bildschirmfoto 2025-07-05 um 14.05.32.pngBildschirmfoto 2025-07-05 um 14.05.32.png
Bildschirmfoto 2025-07-05 um 14.04.49.pngBildschirmfoto 2025-07-05 um 14.04.49.png
Bildschirmfoto 2025-07-05 um 14.05.00.pngBildschirmfoto 2025-07-05 um 14.05.00.png
Bildschirmfoto 2025-07-05 um 14.05.17.pngBildschirmfoto 2025-07-05 um 14.05.17.png
Bildschirmfoto 2025-07-05 um 14.05.24.pngBildschirmfoto 2025-07-05 um 14.05.24.png

IMG_8636.JPGIMG_8636.JPG

9 | Ausstellung

9.1 Text

SS25 Interaction_Information - Frame 19.jpgSS25 Interaction_Information - Frame 19.jpg

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Designprojekt 3: Interaction / Information Design

Entstehungszeitraum

Sommersemester 2025