‍

‍

‍

‍

Informative website which intend to collected all importent energy technologies for education and planing about their own energy project

‍

To help users easily access the right one they were finding, all of information were classified into groups Follow by three main categories: Segmentation, Smart City Indicator and Energy Trilemma

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

Information Architecture

‍

‍

‍

‍

Wireframe

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

User Interface

‍

After finished UX process, the happiest thing is coming, UI design. Because I already have wireframes that include every pages I have to design. I designed all of mockup ans prototyping by Figma, some of illustrate and backgroud mesh gradients are made from Adobe Illustrator.

‍

When everything done (all of design and UI mockup), Duda was the best choice for building a website with table content at that time, therefore it was picked.Mockup design was more complicated than able to use only Duda’s feature, so it was challenged to made it.

‍

‍