Was tun, wenn es heiss wird? Die Antworten für St.Gallen an einem Ort

Kunde

Leistungen

  • User Experience
  • User Interface
  • Web Entwicklung

Hitzewellen werden länger und intensiver. Der Kanton St.Gallen setzt auf Prävention und hat zusammen mit smartive den hitzeplan-sg.ch umgesetzt, eine schlanke Website zum Hitzeschutz. Sie bündelt Wissen, Empfehlungen und Unterlagen für die Bevölkerung und für Fachpersonen in Gemeinden, Schulen und Gesundheit.

Zum Hitzeplan

Bereit für heisse Tage

Hitzeschutz, gebündelt auf einer Website

  • Tipps für heisse Tage
    116
  • Themenseiten
    9

Vor welcher Challenge stand der Kanton St.Gallen?

Der Kanton St.Gallen wollte das Wissen zum Hitzeschutz an einem Ort zusammenführen. Hitzewellen werden länger und intensiver. Gefährdet sind vor allem ältere Menschen, Kleinkinder, Schwangere und Menschen mit chronischen Erkrankungen. Der Kanton setzt deshalb auf Prävention, Sensibilisierung und konkrete Handlungsempfehlungen.

Die Informationen richten sich an sehr unterschiedliche Gruppen: an die breite Bevölkerung und an Fachpersonen in Gemeinden, Schulen, Betreuung, Gesundheit und Planung. Eltern brauchen andere Empfehlungen als eine Gemeinde oder eine Gesundheitsfachperson. Gefragt war bewusst eine fokussierte Website.

Wie baut man eine Präventionswebsite für viele Zielgruppen, ohne sie kompliziert zu machen?

Für den Kanton St.Gallen haben wir hitzeplan-sg.ch entwickelt, eine Website, auf der jede Zielgruppe schnell die passenden Empfehlungen findet. Die Unterschiede zwischen den Gruppen sind sichtbar, ohne dass die Seite kompliziert wird.

Wir haben die Website-Struktur aufgebaut, DatoCMS integriert und wiederverwendbare Inhaltsbereiche umgesetzt. So kann das Projektteam des Kantons neue Empfehlungen und Unterlagen laufend selbst ergänzen.

Was bringt einer Behörde eine zentrale Website zu einem Präventionsthema?

Der Kanton St.Gallen hat mit hitzeplan-sg.ch seit Juni 2025 eine Anlaufstelle, die alle Infos zum Hitzeschutz bündelt: über 100 Tipps, Checklisten und Tipps für Bevölkerung, Schulen, Gemeinden und Fachpersonen.

Die Website ist klar strukturiert und neue Inhalte lassen sich einfach ergänzen. Das ist wichtig, weil Empfehlungen und Unterlagen mit dem Hitzeaktionsplan wachsen. Die Website wird laufend erweitert und aktualisiert.

Welche Technik lässt eine schlanke Website mit ihren Inhalten mitwachsen?

hitzeplan-sg.ch läuft auf Next.js, Tailwind und DatoCMS, damit das Projektteam des Kantons St.Gallen laufend neue Inhalte ergänzen kann. Next.js liefert die Seiten schnell und stabil aus. Im DatoCMS ergänzt das Team neue Empfehlungen und Unterlagen über wiederverwendbare Inhaltsbereiche. So wächst die Website mit dem Hitzeaktionsplan mit.

Das haben wir für den Kanton St.Gallen umgesetzt:

  • Frontend-Entwicklung mit Next.js und Tailwind
  • Aufbau der Website-Struktur
  • Integration von DatoCMS
  • Umsetzung wiederverwendbarer Inhaltsbereiche
  • technische Basis für Pflege und Weiterentwicklung
Ein Mann steht unter einem "intelligenten" Regenschirm, während Wasser aus einer roten Giesskanne austritt und ihn durchnässt.

Du brauchst eine schlanke Website für ein wichtiges Thema? Chris bringt sie ins Web.