AS
← Arbeit

Hitzfrei

Eine mobile App, die Menschen in Graz hilft, kühle Orte zu finden, schattige Routen zu planen und während Hitzewellen sicher zu bleiben, aufgebaut auf den offenen Klimadaten der Stadt und inspiriert vom UN-Nachhaltigkeitsziel 11.

2026UX/UI Design · with Veronica BergonzoniFigma, User Research, Prototyping, Information Architecture
UX/UI DesignMobile AppSustainabilityClimate Resilience

Hitzfrei hilft Menschen in Graz, an heißen Tagen sicher und komfortabel zu bleiben: durch das Kartieren von Abkühlungsorten, schattigen Gehrouten und Echtzeit-Temperaturwarnungen, aufgebaut auf den offenen Klimadaten der Stadt. Das Projekt verwandelt unsichtbare Hitzedaten in klare, ruhige Orientierung: wo man sich abkühlen kann, welchen Weg man gehen sollte und wann Vorsicht geboten ist. Es ist vom UN-Nachhaltigkeitsziel 11: Nachhaltige Städte und Gemeinden inspiriert.


Das Problem

Mit steigenden Temperaturen und häufigeren Hitzewellen brauchen Menschen in Graz schnellen und einfachen Zugang zu Abkühlungsmöglichkeiten in der ganzen Stadt. Hitzerisiko ist nicht gleich verteilt: ein Brunnen, eine schattige Parkbank oder ein klimatisiertes Café können für eine Person weit wichtiger sein als für eine andere, je nach Alter, Gesundheit und Art der Fortbewegung durch die Stadt.

Die Lösung

Nutzer:innen können nahegelegene Abkühlungsorte entdecken, sich über schattige Routen dorthin navigieren lassen, selbst neue Orte melden und Push-Warnungen erhalten, wenn die Bedingungen gefährlich werden. Die App behandelt Hitze als etwas, das man planen kann, statt nur darauf zu reagieren.

Hitzfrei-Konzeptfolie mit dem Problem (Menschen in Graz brauchen schnellen Zugang zu Abkühlungsmöglichkeiten während Hitzewellen), der Lösung (Abkühlungsorte entdecken, navigieren, neue melden, Warnungen erhalten) und der Inspiration durch UN-Ziel 11.

Personas

Drei Personas prägten das Design: Maria Uber, 56, Deutschlehrerin im Grazer Bezirk Gries, lebt allein, geht überall zu Fuß und sorgt sich während Hitzewellen um ihre Gesundheit. Sie braucht einfache, gut lesbare Orientierung und Hitzewarnungen. Lukas Steiner, 24, Student im Bezirk Lend, fährt überall mit dem Rad und möchte schattige Routen und Echtzeit-Temperaturchecks. Jakob Weber, 35, Marketing-Manager im Bezirk Andritz, arbeitet remote zwischen Cafés und Coworking-Spaces und braucht klimatisierte Arbeitsorte sowie schattige Routen zwischen Terminen.

Drei Persona-Karten: Maria Uber (56, Grazer Bezirk Gries, Deutschlehrerin), Lukas Steiner (24, Grazer Bezirk Lend, Student) und Jakob Weber (35, Grazer Bezirk Andritz, Marketing-Manager), jeweils mit Profil, Bedürfnissen und emotionalem Treiber.

Storyboard

Ein frühes Storyboard zeichnete nach, wie eine Bewohnerin die Hitze bemerkt, Hitzfrei öffnet, einen nahen Abkühlungsort findet und sicher dorthin gelangt, und verankerte die späteren Screen-Abläufe in einem konkreten Alltagsmoment statt einer abstrakten Feature-Liste.

Hitzfrei-Storyboard-Panels: eine Bewohnerin erlebt Hitzeunbehagen, öffnet die App, findet einen nahen Abkühlungsort und navigiert dorthin.

User Journey

Die Journey Map zeichnet eine vollständige Sitzung an einem heißen Tag nach: vom Erhalt einer Hitzewarnung über das Prüfen von Karte und Vorhersage bis zur Wahl einer schattigen Route und der Rückmeldung zum Zustand eines Ortes, und zeigt, wo Reibung und Abbruchrisiko am höchsten waren.

User-Journey-Map einer Hitzfrei-Sitzung vom Erhalt einer Hitzewarnung über das Prüfen von Abkühlungsorten und die Planung einer schattigen Route bis zur Rückmeldung an die Community.

Informationsarchitektur

Die IA organisiert die App um fünf dauerhaft erreichbare Bereiche in einer unteren Tab-Leiste: Karte, Route, Vorhersage, Community und Profil, sodass Abkühlungsort-Suche, Routenplanung, Wetterbewusstsein, Community-Meldungen und persönliche Risikoeinstellungen jeweils nur einen Klick entfernt sind.

Informationsarchitektur-Diagramm mit Hitzfreis Struktur über Karte, Route, Vorhersage, Community und Profil.

Wireframes

Low-Fidelity-Wireframes legten Layout und Hierarchie fest, bevor das visuelle Design begann: Onboarding, die Abkühlungsort-Karte, Routenvergleich, das Vorhersage-Dashboard und Community-Meldungen, damit das Hitzeindex-Farbsystem konsistent angewendet werden konnte, sobald die Struktur stand.

Wireframe-Übersicht der zentralen Hitzfrei-Screens: Onboarding, Karte, Routenplanung, Vorhersage und Community, in Low-Fidelity-Graustufen.

Reflexion

Hitzfreis stärkste Idee ist, urbane Hitze als Designproblem mit einer klaren, lokalen Antwort zu behandeln: echte Grazer Bezirke, Parks und Brunnen, verankert in den Klimadaten der Stadt selbst, gezielt für die Menschen mit dem höchsten Risiko: ältere Bewohner:innen, Menschen mit hitzeempfindlichen Erkrankungen und alle, die sich um schutzbedürftige Personen kümmern. Im nächsten Schritt würde der schattenbasierte Routenalgorithmus mit echten Fußgängerdaten validiert und das Community-Meldemodell so erweitert, dass es über einen einzelnen heißen Sommer hinaus trägt.