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

Trash Music

1. Arbeitstitel und Titelbild

Trash Music

Bildschirmfoto 2024-02-01 um 17.29.23.pngBildschirmfoto 2024-02-01 um 17.29.23.png

2. Grundideen

Die erste Aufgabe bestand darin uns 3 Projekte innerhalb von DIY Themen herauszusuchen, die uns interessieren, aufzuarbeiten und vorzustellen.

Do it yourself_compressed.pdf PDF Do it yourself_compressed.pdf

Im nächsten Schritt sollten wir auf Grundlage eines Brainstormings in der Gruppe drei weitere DIY Projekte mit Skizzen ausarbeiten und vorstellen.

Zudem sollten wir nach guten Websites Ausschau halten, die wir als Inspirationsquelle nutzen können und nicht zwingend zum Thema Storytelling sein müssen.

Bildschirmfoto 2023-10-31 um 11.29.51.pngBildschirmfoto 2023-10-31 um 11.29.51.png
Bildschirmfoto 2023-10-31 um 11.30.01.pngBildschirmfoto 2023-10-31 um 11.30.01.png
Bildschirmfoto 2023-10-31 um 11.30.07.pngBildschirmfoto 2023-10-31 um 11.30.07.png
Bildschirmfoto 2023-10-31 um 11.30.25.pngBildschirmfoto 2023-10-31 um 11.30.25.png

3. Kurzbeschreibung Projekt

Das Thema meines Projekts beschäftigt sich mit der Herstellung von kleinen Musikinstrumenten aus alltäglichen Gegenständen, die jeder zu Hause hat wie Gummibändern, Pfandflaschen, Haarklammern etc. sowie aus Müll, welcher teilweise unachtsam weggeworfen wird.

Mit diesem Projekt möchte ich zeigen, dass mit diesen ganz einfachen Gegenständen und Müll, der scheinbar für nichts mehr zu gebrauchen ist ganz einfach witzige Instrumente entstehen können, die ich mit Bauanleitungen erkläre, die für jedermann in wenigen Schritten nachzubauen sind.

4. Formulierung Ausgangssituation, Problem, Lösung

Am Anfang meines Projektes überlegte ich mir einige Ansätze mit verschiedenen Problemen und Lösungen, wie die Problematik der Umweltverschmutzung, sowie eine allgemeine Unzufriedenheit der Gesellschaft aufgrund verschiedener Faktoren wie Zeitdruck, finanzielle Sorgen usw. was meinen Lösungsansatz in Form von einfachen, kleinen Projekten in Form von Musikinstrumenten aus Alltagsgegenständen und Müll mit sich brachte, bei dem ich zusätzlich noch die Wichtigkeit von Musik auf den Menschen darstellen wollte.

5. Recherche, Inhalte, Daten und Quellen

Anfangs habe ich online nach Bauanleitungen für verschiedene Instrumente aus einfachen Gegenständen und Müll recherchiert, habe mir daraus welche ausgewählt und eine Liste geschrieben, was ich dafür benötige oder was ich schon dafür zu Hause habe.

Danach habe ich mit dem Bau von Instrumenten begonnen, was ich fotografisch festgehalten habe, sowie mit Infotexten für die einzelnen Schritte ergänzt habe.

Das Werkzeug und die fertigen Instrumente habe ich digital freigestellt, um damit später besser in Figma arbeiten zu können.

Die zusätzlichen Infotexte für meine Website habe ich nach Müllkategorien, wie Metallschrott, Plastikmüll, Gummi etc. gegliedert sowie die Wichtigkeit von Musik und das Fertigstellen von kleinen Projekten für die menschliche Psyche.

Bildschirmfoto 2024-01-07 um 13.03.43.pngBildschirmfoto 2024-01-07 um 13.03.43.png
Bildschirmfoto 2024-01-07 um 13.03.15.pngBildschirmfoto 2024-01-07 um 13.03.15.png
Bildschirmfoto 2024-01-07 um 13.02.57.pngBildschirmfoto 2024-01-07 um 13.02.57.png
Bildschirmfoto 2024-01-07 um 13.04.00.pngBildschirmfoto 2024-01-07 um 13.04.00.png
Bildschirmfoto 2024-01-07 um 13.04.56.pngBildschirmfoto 2024-01-07 um 13.04.56.png
Bildschirmfoto 2024-01-07 um 13.04.37.pngBildschirmfoto 2024-01-07 um 13.04.37.png
Bildschirmfoto 2024-01-07 um 13.04.27.pngBildschirmfoto 2024-01-07 um 13.04.27.png
Bildschirmfoto 2024-01-07 um 13.10.07.pngBildschirmfoto 2024-01-07 um 13.10.07.png
Bildschirmfoto 2024-01-07 um 13.10.31.pngBildschirmfoto 2024-01-07 um 13.10.31.png
Bildschirmfoto 2024-01-07 um 13.10.46.pngBildschirmfoto 2024-01-07 um 13.10.46.png
Bildschirmfoto 2024-01-07 um 13.10.56.pngBildschirmfoto 2024-01-07 um 13.10.56.png
Bildschirmfoto 2024-01-07 um 13.11.10.pngBildschirmfoto 2024-01-07 um 13.11.10.png
Bildschirmfoto 2024-01-07 um 13.11.22.pngBildschirmfoto 2024-01-07 um 13.11.22.png
Bildschirmfoto 2024-01-07 um 13.11.36.pngBildschirmfoto 2024-01-07 um 13.11.36.png
Bildschirmfoto 2024-01-07 um 13.11.44.pngBildschirmfoto 2024-01-07 um 13.11.44.png

6. Storyline, Spannungsbogen, Mindmaps

Nach meiner Inhaltsrecherche habe ich drei verschiedene Ansätze zur Umsetzung ausprobiert, einmal mit einer Storyline und zwei Weitere, die mit Kategorien arbeiteten.

Bildschirmfoto 2024-01-07 um 13.12.43.pngBildschirmfoto 2024-01-07 um 13.12.43.png
Bildschirmfoto 2024-01-07 um 13.12.24.pngBildschirmfoto 2024-01-07 um 13.12.24.png
Bildschirmfoto 2024-01-07 um 13.12.04.pngBildschirmfoto 2024-01-07 um 13.12.04.png

7. Skizzen, erste Layouts, erste Prototypen

Diese Ansätze habe ich danach versucht ganz einfach mit der Hand in verschiedenen Panels zu skizzieren.

Bildschirmfoto 2024-01-07 um 13.12.53.pngBildschirmfoto 2024-01-07 um 13.12.53.png
Bildschirmfoto 2024-01-07 um 13.12.33.pngBildschirmfoto 2024-01-07 um 13.12.33.png
Bildschirmfoto 2024-01-07 um 13.12.14.pngBildschirmfoto 2024-01-07 um 13.12.14.png

8. Moodboards

Bildschirmfoto 2023-12-12 um 13.41.15.pngBildschirmfoto 2023-12-12 um 13.41.15.png
Bildschirmfoto 2023-12-12 um 13.41.05.pngBildschirmfoto 2023-12-12 um 13.41.05.png
Bildschirmfoto 2023-12-12 um 13.40.50.pngBildschirmfoto 2023-12-12 um 13.40.50.png

9. Designvarianten

Bildschirmfoto 2024-01-24 um 00.40.53.pngBildschirmfoto 2024-01-24 um 00.40.53.png
Bildschirmfoto 2024-01-24 um 00.41.03.pngBildschirmfoto 2024-01-24 um 00.41.03.png
Bildschirmfoto 2024-01-24 um 00.41.12.pngBildschirmfoto 2024-01-24 um 00.41.12.png
Bildschirmfoto 2024-01-24 um 00.41.24.pngBildschirmfoto 2024-01-24 um 00.41.24.png
Bildschirmfoto 2024-01-24 um 00.41.40.pngBildschirmfoto 2024-01-24 um 00.41.40.png
Bildschirmfoto 2024-01-24 um 00.41.47.pngBildschirmfoto 2024-01-24 um 00.41.47.png
Bildschirmfoto 2024-01-24 um 00.40.03.pngBildschirmfoto 2024-01-24 um 00.40.03.png
Bildschirmfoto 2024-01-24 um 00.40.10.pngBildschirmfoto 2024-01-24 um 00.40.10.png
Bildschirmfoto 2024-01-24 um 00.40.24.pngBildschirmfoto 2024-01-24 um 00.40.24.png
Bildschirmfoto 2024-01-24 um 00.40.36.pngBildschirmfoto 2024-01-24 um 00.40.36.png

Bildschirmfoto 2024-01-24 um 00.44.37.pngBildschirmfoto 2024-01-24 um 00.44.37.png
Bildschirmfoto 2024-01-24 um 00.44.47.pngBildschirmfoto 2024-01-24 um 00.44.47.png
Bildschirmfoto 2024-01-24 um 00.44.56.pngBildschirmfoto 2024-01-24 um 00.44.56.png
Bildschirmfoto 2024-01-24 um 00.45.08.pngBildschirmfoto 2024-01-24 um 00.45.08.png

Bildschirmfoto 2024-02-05 um 12.11.05.pngBildschirmfoto 2024-02-05 um 12.11.05.png
Bildschirmfoto 2024-02-05 um 12.11.16.pngBildschirmfoto 2024-02-05 um 12.11.16.png
Bildschirmfoto 2024-02-05 um 12.11.27.pngBildschirmfoto 2024-02-05 um 12.11.27.png
Bildschirmfoto 2024-02-05 um 12.11.39.pngBildschirmfoto 2024-02-05 um 12.11.39.png
Bildschirmfoto 2024-02-05 um 12.11.56.pngBildschirmfoto 2024-02-05 um 12.11.56.png
Bildschirmfoto 2024-02-05 um 12.14.57.pngBildschirmfoto 2024-02-05 um 12.14.57.png
Bildschirmfoto 2024-02-05 um 12.12.13.pngBildschirmfoto 2024-02-05 um 12.12.13.png

10. Finales Design

Bildschirmfoto 2024-02-01 um 17.31.08.pngBildschirmfoto 2024-02-01 um 17.31.08.png
Bildschirmfoto 2024-02-01 um 17.29.23.pngBildschirmfoto 2024-02-01 um 17.29.23.png
Bildschirmfoto 2024-02-01 um 17.30.53.pngBildschirmfoto 2024-02-01 um 17.30.53.png
Bildschirmfoto 2024-02-01 um 17.31.47.pngBildschirmfoto 2024-02-01 um 17.31.47.png
Bildschirmfoto 2024-02-01 um 17.32.09.pngBildschirmfoto 2024-02-01 um 17.32.09.png

11. Prototyp

Bildschirmfoto 2024-01-24 um 01.32.08.pngBildschirmfoto 2024-01-24 um 01.32.08.png
Bildschirmfoto 2024-01-24 um 01.32.23.pngBildschirmfoto 2024-01-24 um 01.32.23.png
Bildschirmfoto 2024-01-24 um 01.32.54.pngBildschirmfoto 2024-01-24 um 01.32.54.png

12. Mobile

Screenshots

Bildschirmfoto 2024-02-03 um 19.30.40.pngBildschirmfoto 2024-02-03 um 19.30.40.png
Bildschirmfoto 2024-02-03 um 19.30.51.pngBildschirmfoto 2024-02-03 um 19.30.51.png
Bildschirmfoto 2024-02-03 um 19.30.31.pngBildschirmfoto 2024-02-03 um 19.30.31.png
Bildschirmfoto 2024-02-03 um 19.31.14.pngBildschirmfoto 2024-02-03 um 19.31.14.png
Bildschirmfoto 2024-02-03 um 19.31.02.pngBildschirmfoto 2024-02-03 um 19.31.02.png
Bildschirmfoto 2024-02-03 um 19.31.25.pngBildschirmfoto 2024-02-03 um 19.31.25.png
Bildschirmfoto 2024-02-03 um 19.31.36.pngBildschirmfoto 2024-02-03 um 19.31.36.png

Screencast

13. Finales Prototyp / Link Figma, Webflow

14. Styleguide

Styleguide.pngStyleguide.png

15. Screencast

16. Präsentationsvideo

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Betreuung

foto: Prof. Norbert Diedrich

Zugehöriger Workspace

Digital Storytelling (KD3)

Entstehungszeitraum

Wintersemester 2023 / 2024