Übersicht
Eine auf altem PHP basierte Webseite zum Thema Energiebewusstsein ist in ein neues Infoportal verwandelt worden. Das Kernelement ist ein interaktives 3D-Modell eines Hauses mit Blender, das mit Hilfe von three.js und Raycasting Tipps und Infos zu angesprochenen Elementen im Modell gibt, um Nutzer zu helfen Energie, wie Strom und Wasser, und folglich Kosten zu sparen.
Das Design wurde in Figma erstellt und zeigt drei Versionen. Die finale Version wurde dann jeweils im Dark Mode und in mobiler Ansicht erstellt. Links unten befindet sich außerdem ein Style Guide zur Website.
Sprachen & Tools
HTML
CSS
JavaScript
three.js
Webpack
Blender