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.
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.
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.