Webside Energy city Colombia
UX/UI Design, Web Development, UI Animation
About the project
Energy city Colombia is a local energy management instrument focused on the territorial management of energy resources.
This instrument aims to promote the competitiveness of the energy sector, reduce the asymmetries of existing information and encourage the participation and participation of new entrants, with a particular emphasis on the role of citizens in establishing a culture promoting energy decentralization and efficiency Use of energy, sustainable mobility and the inclusion of non-conventional renewable energies at national level.
Logo
The Energetic City logo starts from the brand axes: citizenship, innovation, security, joy; and its construction is based in the integration of these axes through elements that can be visualized in different ways:
• Tree that represents nature, sustainability
• Nodes and circuits that represent the connection, what digital, innovation
• Humans who represent citizenship.
Colour
Tasks
Develop a Platform where users can inform themselves about the Energy city program in Colombia, the participating cities and the highlighted projects of the Action Plans
Assighten audiences for the program
Encourage other communities to be part of the program and develop a energy city themself
Concept: User Centered Design
Personas provide meaningful archetypes which you can use to assess
your design development against. Constructing personas will help to
ask the right questions and answer those questions in line with the
users you are designing for.
We developed the personas Camilo, Juan Carlos, Maria, Claudia and
Emílio on basis of the target groups described in the communication
concept of Ciudad energética.
Developing a website to meet the needs of our target group as well as
creating the best user experience for them, we ask questions like:
“How would Camilo, Juan Carlos, and Maria experience, react, and behave
in relation to feature X or Y within the given context?” and “What
Emílio, Maria and Juan Carlos think, feel, do and say?” and “What are
their underlying needs we are trying to fulfill?”
User journey Camilo
Operating and navigation concept
Navigation structure
Wireframing
Visualisation
The look and feel of the webpage is based on the flag colours of Colombia and real pictures of the projects (cities, areas). This way, we are able to define an overall authentic look for the webpage.
Adaptive design
Infographics
Since the topic is quite complex, we decided to show the results of the different energy cities as graphics. This way the user gets an overall idea how much impact these projects generate, for the city as well as for the whole country.
Thanks for watching
http://www.ciudadenergetica.co
