Engineering Web Portal

---

To understand the user I did conduct research, using key performance indicators (KPIs), where I measured the effectiveness of the current Engineering Web Portal.

To understand better the users, I created Personas that helped me to emphasize better with the people who are interacting with the product 

This flow helps to visualize the process that a person goes through in order to accomplish a goal. Example: how do engineers create a new part? How do they revise an existing part?

Surveys and, Interviews the engineers in order to understand better the product, how they work with the current tool and their pain points that cause frustration.

I found the interaction of engineers with the current tool is not optimal, which affects the efficiency to do their tasks, and their productivity is affected on a daily basis.

Once the right Personas, Journey Map, User Flow, and problem are defined; I start generating ideas with the team in order to start creating the wireframing and prototype. 

I created some paper wireframes that show a high-level representation, of the ideas in order to discuss with stakeholders and leadership

I created a map that represents how the engineers will navigate the new modules created when redesigning the new portal. This will be used as a guide to creating the lo-fi prototype.

I created some paper wireframes that show a high-level representation, of the ideas in order to discuss with stakeholders and leadership

This prototype shows screens, where the elements will be located, and the transition between pages. It will be used by testing how the engineers will interact and get the first feedback from them.

Once the navigation and the low-fi prototypes for desktop and mobile are approved. I create the visual assets and high-fidelity prototypes and perform usability tests and documentation for dev.  

Some assets were just selected from libraries following design guidelines or corporate branding. On top of that, or for some modules, I created them in photoshop. Example: Custom icon set. 

Then create the flow to visualize the process that a person goes through in order to accomplish a goal. Example: how engeneers create a new part? How they revise an existing part?

I evaluated how engineers complete typical tasks while observing them and taking notes. I identified a few usability problems that I immediately fixed, and then, I measured the satisfaction levels.

Once the final design is approved, I proceed to work with developers and other team members to ensure the design will be properly implemented. Discuss Lessons Learned and Next Steps.