What to Do When It Gets Hot? All the Answers for St. Gallen in One Place

Customer

Services

  • User Experience
  • User interface
  • Web Development

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.

To the Heat Plan

Ready for Hot Days

Heat Protection: All on one Website

  • Tips for Hot Days
    116
  • Topic Pages
    9

What challenge did the canton of St. Gallen face?

The canton of St. Gallen wanted to bring together all the information on heat protection in one place. Heat waves are becoming longer and more intense. Older adults, young children, pregnant women, and people with chronic illnesses are particularly at risk. The canton is therefore focusing on prevention, raising awareness, and providing specific recommendations for action.

The information is aimed at a wide variety of groups: the general public and professionals in municipalities, schools, childcare, health care, and planning. Parents need different recommendations than a municipality or a health care professional. A focused website was deliberately sought.

How do you build a prevention website for a wide range of audiences without making it too complicated?

For the canton of St. Gallen, we developed hitzeplan-sg.ch, a website where every target group can quickly find the right recommendations. The differences between the groups are clearly shown without making the site complicated.

We set up the website structure, integrated DatoCMS, and implemented reusable content sections. This allows the canton’s project team to continuously add new recommendations and documents on their own.

How does a central website on a prevention topic benefit a government agency?

The canton of St. Gallen has, with heatplan-sg.ch Since June 2025, a resource center that brings together all information on heat protection: over 100 tips, checklists, and guidelines for the public, schools, municipalities, and professionals.

The website is clearly structured, and new content can be easily added. This is important because recommendations and documents related to the heat action plan continue to grow. The website is constantly being expanded and updated.

What technology allows a streamlined website to grow along with its content?

hitzeplan-sg.ch runs on Next.js, Tailwind, and DatoCMS, allowing the St. Gallen cantonal project team to continuously add new content. Next.js delivers the pages quickly and reliably. In DatoCMS, the team adds new recommendations and documents using reusable content blocks. This allows the website to grow alongside the Heat Action Plan.

Here's what we've implemented for the canton of St. Gallen:

  • Front-end Development with Next.js and Tailwind
  • Website Structure
  • Integration of DatoCMS
  • Implementation of Reusable Content Areas
  • Technical foundation for maintenance and further development
Ein Mann steht unter einem "intelligenten" Regenschirm, während Wasser aus einer roten Giesskanne austritt und ihn durchnässt.

Do you need a streamlined website for an important topic? Chris will get it online.