Fluence Energy

My primary responsibility involved modernizing and enhancing the user experience of the internal application for Fluence Energy. Following my presentation of the UX research and wireframes, I received a promotion to take on the additional role of Product Owner. At this stage, I recruited a React engineer and a Junior UX designer to round out the team. Additionally, I oversaw an intern, assigning them the task of managing documentation in Jira/Confluence and monitoring our team logs.

My adventure began with a trip to a physical site featuring the Fluence flagship product, the cube battery rack system.

I had discussions with Commissioning Engineers, Mechanical Engineers, and Electrical Engineers, thoroughly documenting their daily work experiences and responsibilities. This provided me with a deeper understanding of their interaction with the cube system, enabling me to design an application that aligns intuitively with their expertise and workflow.

Establish a design that enhances Customer Experience while upholding a robust technical base for Commissioning Engineers in the application.

Subsequently, I dedicated the following weeks to gathering our insights from the site visit and developing a wireframe that included all the essential components for the engineers to operate the system efficiently:

I began by taking the wireframe and designing the components using a two-fold strategy: I built the front-end react.js components first to serve as examples, while simultaneously finishing the design and ux work.

Below is an example of my tooltip component:

Example of the component box from the wireframe:

Should you wish to explore my development background in more detail, I can begin by sharing that I have been coding since I was 11 years old in 1992. I am highly skilled in HTML, CSS, JavaScript, and the most recent frameworks including React, Vue, and Angular. I am also well-versed in Google Analytics, user and component testing, and I have the ability to integrate all aspects for a complete and fulfilling job performance.

The designs started coming together and we got to our prototype as shown here:

Throughout my journey, I discovered the concept of fold back and designed the very first icon to represent this electrical engineering term globally! This icon is now featured in electrical engineering publications and articles all over the world.

As we wrap up this section, I am pleased to present several of my design ideas illustrated in a wireframe layout for future developments:

Table View

Construct an innovative table view design that offers a multitude of new capabilities focused on being efficient, rapid, and stylishly presented.

Utilizing the Audit screen depicted above as our initial reference, this represents one of the preliminary iterations. I was experimenting with various methods of presenting breadcrumbs and determining how to showcase a means of altering views within the functional area. Initial design choices, like eliminating the dividing line between the first several columns, were made to separate the data columns from each individual element or component of the Cube.

You can also explore various concepts that enable the user to delve into the Core comprehensively while utilizing the Table View. This approach would facilitate overhead management and provide clear visibility of data as one navigates through different sections of the system.

Below are a few examples of some iterative ideas:

I encourage you to take a look at the Table of Contents and Instructions page I put together, featuring comprehensive links that allow users to access it from any area within the prototype. The intention is to make certain that users will not experience any confusion or disorientation while engaging with the content.

The entire Figma file!

Ultimately, I have amassed a significant amount of data from various software applications to comprehensively complete this project. I would be happy to present this during an interview. For the moment, I am omitting it as I believe it would unnecessarily inflate this portfolio, and I wish to honor your time.