Project context

Evorgy is a Spanish company that provides a digital platform for energy installation companies. This product offers a suite hub of digital services tailored to meet the demands of their end customers, accessible through a centralized user-friendly control panel. On their journey to success, Evorgy requested my services to enhance the UI/UX design of their forthcoming digital product. The company goal was to create seamless connections between final users and renewable energy installation companies.

In this project, my role involved improving the existing designs and implementing new sections with a focus on UX/UI principles.

Research

The project was initiated by noticing a recurring need among similar companies through regular communication. Evorgy identified these companies lacked centralized management and measurement tools due to the proliferation of new digital applications in the market. While direct interviews with energy installation companies were not conducted, sections were designed based on insights gathered from the conversations that Evorgy held with these installation companies. I also held several meeting with the Evorgy teams to understand the product: its information architecture, user needs details, and the business goals.

Design solutions

During the UX/UI redesign process, I applied several improvements based on Usability Heuristics, UX best practices, and Gestalt Principles (law of similarity, law of proximity, law of continuity, and more).

Dashboard layout

Designing the primary dashboard of the platform involved integrating several design approaches to reach the following improvements:

• Cleaner and more compact side menu organization for a better and faster readability.
• Improved user scanning and readability by emphasizing main menu sections labels.
• Maximized body layout space by vertically orienting and resizing main number cards.
• Incorporated more metrics on the dashboard without the need of scrolling, as I had created more space in the body layout.
• Updated graphic colors with Evorgy's colors, utilizing a palette derived from the primary Evorgy logo colors. This enhances the branding cohesion and harmonizes the graphic colors with the overall color scheme of the platform.

‍

‍

Projects layout

To convert the project section into a seamless and user-friendly interface, I outlined the following design approaches and improvements:

• Replacing graphics with clearer and more readable data presentation to allow for expanded table content. In this way, users can read the important numbers in a faster way, and they can check more table data without scrolling.
• Interconnecting projects with pending tasks and work teams through shortcuts and accessible tabs. This provides users with key related information, making interactions faster and more intuitive.
• I emphasized the creation date, a useful piece of information that was missing in the previous design.

‍

‍

Clients layout

For the client section, it was necessary to integrate a significant amount of information in a practical, accessible, and intuitive manner. Here are the design enhancements I implemented:

• Adding tabs for handy key consumer data: consumption, performance, inquiries, activity history, and client's technical maintenances. These tabs allow users to check essential information without the need for scrolling or further navigation. These sections were not included in the original design.
• I optimized space with room for more sections by rearranging sections: switching from 4 divs in the old design to 2 columns.
• Larger image layout to display the whole installation picture without crops.
• I emphasized the user ID, a vital detail absent in the previous design.

‍

‍

Inquiries layout

To craft a thorough and comprehensive Inquiries section, I implemented several design changes to achieve the following enhancements:

• I added tabs for key inquiry statuses: Delayed, In Progress, Solved, and Not Initiated. These were missing from the original design but are crucial for helping users track inquiries, preventing them from getting lost over time.
• I highlighted the primary Call to Action "Create New Ticket" and emphasized the importance of the search bar. In the original design, these elements were not sufficiently prominent, they were low in the visual hierarchy.
• I added a shortcut to see the inquiries statistics, so we avoid users' extra navigation to find this information.
• I emphasized the ticket ID, a vital detail absent in the previous design.

‍