Von Verbandsmaterial bis Pflaster: Ein interaktiver Erste-Hilfe-Koffer

Mein Projekt konzentriert sich auf den Erste-Hilfe-Koffer. Ich präsentiere die einzelnen Objekte, die sich in einem typischen Erste-Hilfe-Kasten befinden, um eine klare Übersicht über die Bestandteile dieses Sets zu bieten. Durch visuell ansprechende Animationen erkläre ich detailliert, wie jedes Objekt im Notfall angewendet und genutzt werden kann. Dieses Vorhaben zielt darauf ab, nicht nur die Kenntnisse über die vorhandenen Elemente zu vertiefen, sondern auch die praktische Anwendung in verschiedenen Notsituationen zu veranschaulichen. Mein Ziel ist es, ein informatives und interaktives Erlebnis zu schaffen, das Menschen befähigt, im Ernstfall angemessen zu reagieren und die Erste-Hilfe-Ausrüstung effektiv zu nutzen. Dabei sollen die verschiedenen Animationen dazu dienen, die Anwendung der Objekte leicht verständlich und zugänglich zu machen und somit die Sicherheit und das Wohlbefinden in Notfallsituationen fördern.

1. Filmische Dokumentation des Projekts

2. Bilder der Umsetzung

Bildschirmfoto 2024-01-27 um 14.08.44.png

Bildschirmfoto 2024-01-27 um 14.09.06.png

Bildschirmfoto 2024-01-27 um 14.09.29.png

3. Userflow

Bildschirmfoto 2024-02-02 um 23.09.48.png

4. Link zu Prototypen

Link zu Figma

1.: https://www.figma.com/file/6dNP0t9URvIOfvt9V5Z1Uv/Verband?type=design&node-id=51%3A50&mode=design&t=cUAssIgz93mDRv44-1

2.: https://www.figma.com/proto/6dNP0t9URvIOfvt9V5Z1Uv/Verband?page-id=0%3A1&type=design&node-id=51-50&viewport=870%2C385%2C0.04&t=3AWI9ppebthqxEAy-1&scaling=min-zoom&starting-point-node-id=51%3A50&mode=design

5. Ergebnis Warmup Projekt

Link: https://my.spline.design/spitzer03kopiee253d72cb16b58dd7a290fa55f26cdc5/

Prozess:

1. Interactive Manuals

Bildschirmfoto 2023-10-10 um 12.27.37.png

Zuerst haben wir Objekte gesammelt, welche eine oder wenige Funktionen haben.

Bildschirmfoto 2023-10-15 um 22.47.09.png

Bildschirmfoto 2023-10-15 um 22.46.59.png

Anschließend habe ich die Objekte Spitzer und Kugelschreiber nach Funktionen und Erscheinung aufgegliedert.

2. Factsheet

Bildschirmfoto 2023-10-22 um 16.47.55.png

3. Spline Modell

Bildschirmfoto 2023-10-22 um 16.27.36.png

Bildschirmfoto 2023-10-22 um 16.29.05.png

Bildschirmfoto 2023-10-22 um 16.38.01.png

Bildschirmfoto 2023-10-22 um 18.10.19.png

Bildschirmfoto 2023-10-22 um 18.11.45.png

4. Spline 3D-Modell

In Spline haben wir unser Objekt in 3D dargestellt und anschließend eine kleine Animation gestaltet.

Bildschirmfoto 2023-10-30 um 10.49.34.png

Bildschirmfoto 2023-10-30 um 10.49.24.png

Bildschirmfoto 2023-10-30 um 10.49.44.png

Link zur Animation:
https://my.spline.design/spitzer01copy-02e0bda07123926871cee8c5f90fa53a/

Tools in Spline - Kurssammlung

https://tools-spline-2023.webflow.io/

5. Objektfindung

Für die Themen-/Objektfindung des großen Projekts, habe ich ein Miroboard erstellt, auf dem ich all meine Ideen festgehalten habe. Im zweiten Schritt habe ich mir einige Objekte ausgesucht, welche ich auf ihr Funktionen analysiert habe.

Bildschirmfoto 2023-11-04 um 18.06.12.png

Bildschirmfoto 2023-11-04 um 17.58.26.png

6. Informationssammlung

KD3 - Interaction _ Information Design Winter 2023 - Frame 5.jpg

KD3 - Interaction _ Information Design Winter 2023 - Frame 4.jpg

7. Mindmap

KD3 - Interaction _ Information Design Winter 2023 - Frame 9.jpg

8. Pitch Deck

PDF

9. Ansätze (4.12.23)

PDF

10. Storyboard und User Flow

Bildschirmfoto 2023-12-10 um 12.20.05.png

Bildschirmfoto 2023-12-11 um 09.50.30.png

Bildschirmfoto 2023-12-11 um 09.50.11.png

11. Prototyp Koffer und weitere Überlegungen

12. Prozess

Bildschirmfoto 2024-01-08 um 12.25.39.png

13. Storyboard Animation

14. Animation in Figma übertragen

Link:

Flow 1, Flow 2, Flow 3 sind jeweils die drei Animationen.

https://www.figma.com/proto/6dNP0t9URvIOfvt9V5Z1Uv/Verband?page-id=0%3A1&type=design&node-id=1-8&viewport=331%2C565%2C0.22&t=eXrWmxIh5j10Q4Dh-1&scaling=min-zoom&starting-point-node-id=1%3A8&mode=design

15. Herstellung

Als Hauptobjekt habe ich einen Erste-Hilfe Kasten gekauft, welcher die Maße 32,5cm x 13cm x 24cm hat. In dem Koffer befinden sich einzelne Objekte (Verband, Schere, Kältekompresse, Rettungsdecke, Handschuhe,...) welche mit RFID Tags verbunden werden. Um Das Display (iPad 7. Generation) im Inneren des Kastens zu verstecken, habe ich eine PLEXIGLAS-Platte bei Modulor bestellt, welche 3mm dick ist und die Farbe Orange hat. Aus dieser Platte habe ich eine Abdeckung für das iPad mit dem Lasercutter ausgeschnitten.