default 2024
Narrative Visualisation
Andri Kalberer
Andri Kalberer
3
Raiffeisen
IMD

Skyscrapers

Es handelt sich um ein Schulprojekt bei dem eine interaktive Umsetzung Buches die Aufgabe war. Ich habe mich für Skyscrapers ein Sachbuch über Hochhäuser entschieden, da ich die Idee hatte das Buch spielerisch erlebbar umzusetzen. Der User kann durch die Slider Galerie der 3D Hochhäuser auf der Startseite navigieren und seinen Favoriten auswählen, so gelangt er zur Buchseite seines Hochhauses. Auf der Seite kann er dann den ganzen Text lesen, Bilder in der Slidergalerie ansehen, Videos zum Gebäude sehen, technische Grafiken ansehen oder auch den genauen Standort per Hover sehen. Speziell ist auch die abstrakte Darstellung der Hochhäuser am Ende der jeweiligen Buchseite, dort kann man direkt per Klick ein nächstes Hochhaus auswählen, ohne das man zum Start zurück muss. Mein Ziel war es einen virtuellen Rundgang im Buch zu gestalten, bei dem man aber auch immer wieder die Möglichkeit hat zum Start zurück zu kehren. Der Fokus lag ebenfalls auf der auf der typografischen Darstellung, denn auch dort wollte ich das Thema Hochhaus ersichtlich machen mit einer variablen Font. Kurzvideo mit Funktion: https://www.dropbox.com/scl/fi/4tcourgojjtzzepuehn1o/Skyscrapers_Andri.mp4?rlkey=9j778uumx562t6lyztipad7q2&dl=0
https://www.figma.com/file/VfNRBauhMgYk1Tgqv26So1/Skyscrapes-Digitale-Version-Andri-IMD3?type=design&node-id=0%3A1&mode=design&t=hSlBfbxgXAsvKSvZ-1
Ganze Seiten des Buches im Vergleich
Ganze Seiten des Buches im Vergleich
Auswahlmöglichkeit am Ende der digitalen Buchseite
Auswahlmöglichkeit am Ende der digitalen Buchseite
Andere Hochhäuser auf der Startseite
Andere Hochhäuser auf der Startseite