Single page website designed for HTML5.
 
 
 
 
Introduction area. Copy: ‘We are ThermoMix, and we have an important question to make: Do you know how much a building cost to our planet? Watch the video and be astonished”.
 
 
 
ThermoMix presentation video.
 
 
 
 
After the presentation video, the user were invited to browse through the introduction area, from now on showing: 3 alert icons representing wastes on the building and 3 bars representing its monthly cost with water, electrical energy and natural gas. The example above shows an user interacting with the boiler room. By visual analogy is shown how much popular cars (250) he could buy with the money spent with 120 months heating water using boilers. Sequentially, has a call to action for a video showing
the ThermoMix's solution.
 
 
 
 
Video explaining how ThermoMix’s Heating Water Controlling system works.
 
 
 
 
After the video finishes, is shown the results of the installed system on the building in terms of savings. Also, 2 new icons appear:
one leading to a x-ray screen showing the details of the new system, and the other leading to a illustrated screen showing the its benefits to the building.
 
 
 
 
Video explaining how ThermoMix’s heat cogeneration system can use the building's heat waste.
 
 
 
 
Video explaining how ThermoMix can reuse the wastewater of the building.
 
 
 
 
Subpage showing the saving results of ThermoMix's wastewater treatment system.
 
 
 
 
Detail page showing an equipment of one of ThermoMix's systems. 
 
 
 
 
Screen showing the evolution of the savings each time one service is installed on the interactive building.
 
 
 
 
All the 9 illustrations of the interactive building showing wastes by visual analogies.
 
 
 
 
All the 6 illustrated pages showing the benefits of ThermoMix's services for the building.
 
 
 
 
One example of the ThermoMix’s single-page website in its actual size with the building’s interaction on going and some subpages in the open mode to show how they work well separately regardless they share the same background.
 
 
 
 
lllustration details.
 
 
 
 
UX prototype screens.
 
 
 
 
Storyboard of the Heating water controlling system video.
 
 
 
 
 
 
ThermoMix Website
44
845
0
Published:

ThermoMix Website

Client: ThermoMix Sistemas Sustentáveis Year: 2012 ThermoMix is a Brazilian company that operates in the sector of energy efficiency (ESCO) and Read More
44
845
0
Published:

Tools