top of page
Guia Interativo de Eficiência Energética
guia wireframe_edited.jpg

Guia Interativo de Eficiência Energética para Edificações

Sinduscon SP​

UX and UI of the mobile and desktop website developed for SINDUSCON-SP (Union of the Civil Construction Industry of the State of São Paulo). 

At first, the process included understanding the user and the client necessities. The Union needed an interactive and more practical way to help architects, builders, engineers, and designers to make most efficient (socially and environmentally) edifications.

At first, my group developed the userflow of website pages. When I first entered the project it was already made. My job was to create all of the pages on a wireframe and transform the mindmap of the userflow in a navigable prototype.

180328_Guia_Wire_Telas-tipologias.png
180328_Guia_Wire_Telas-gerais.png

The website had two main purposes: serve as an encyclopedia for constructores, architects and engineers for consulting throw technical reference and also for a more practical purpose, a tool too calculate and give you the most eficient alternatives for constructions and edicications.

The screenflow of the website pages were build based on this requisits and gave the user clear and objective interactions that lead to these actions.

After the pages flow and the site architecture were build, it was made a wireframe and prototype navigation for the client interact and validate. 

ezgif.com-video-to-gif.gif

The visual identity was developed to conect all the elements on the page and make a metaphor with energy and its conections. It was build a visual guide for the charts and also a style guide to guide the admins of the website in the future.

threed_mockup (1).png
Guia EE.png
Guia EEE
bottom of page