Energieschweiz.ch bietet mit dem Tool einerseits Besuchern eine zusätzliche Möglichkeit, Antworten auf ihre Fragen zur energetischen Gebäudesanierung zu finden. Andererseits können Eigentümer und Architekten ihre Projekte über einen Profilbereich selber einreichen und somit die Inhalte mitgestalten.
Auf der Einstiegsseite wird schnell ersichtlich, wie gross die äusseren Veränderungen sein können. Der auf den Fotos angewendete Überblend-Effekt zeigt den Unterschied der Gebäude vor und nach der Modernisierung.
Übersicht in Back- und Frontend
Die Einstiegsseite ermöglicht den Besuchern mit Hilfe von vier Filtern, etwa Anhang des Kantons oder dem Gebäudetyp, die Einträge gemäss ihren Interessen bequem einzugrenzen, so schreibt es die Y&R Group in einer Mitteilung.
Auf den Detailseiten der jeweiligen Immobilien gibt das Tool Auskunft über allgemeine Informationen zum Projekt und welche Massnahmen an Gebäudehülle oder -technik durchgeführt wurden. Ausserdem enthält es weitere Hintergrundinformationen.
Dynamische Balkendiagramme geben Detailinformationen zu der Wirtschaftlichkeit des jeweiligen Projekts und zeigen die Veränderung des Energieverbrauchs. Das Besondere: Die Balken werden durch die Eingaben im Profilbereich gesteuert.
Über die Startseite gelangen Besucher, die ihr Objekt anmelden möchten, in den «Aus alt mach neu» Profilbereich.
Der Auftritt von Energie Schweiz basiert auf Umbraco 7, einem flexiblen Content Management Framework. Das Frontend für die Website als auch für das Tool wurde in AngularJS realisiert. Es greift über eine JSON-Schnittstelle auf die Datenbank zu, die Details zu den Projekten beinhaltet. Es handelt sich um eine Single Page Application, durch die der Benutzer eine bessere User Experience erfährt, weil sich das Tool ähnlich einer Desktopapplikation verhält.
Die Objekte werden über eine API auch an gebaeudeprogramm.ch zugänglich gemacht und sind dort ab sofort zu sehen.
Verantwortlich bei Y&R Group Switzerland: Rigobert Mihle (Backend), Robert Seidl (Frontend), Louise Zöckler (Kreation), Karl Badde (UX/UI), Jessica Otto (Beratung); Auftraggeber: Bundesamt für Energie, Projektbegleitung Claudio Menn (Fachspezialist Gebäude); inhaltliche Umsetzung, Konzeption: Effienergie AG, Christian Dürrenberger (Leitung & Prozesse IT). (pd/eh)
