```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FZg3qDMjUyUfkmvPOBmfwXUovlx52%2FFCr6Z2j5d0FjLd1zg0j8%2F33a3b3c0-3607-4b35-8533-f167332e05da.png?alt=media&token=a4f49c47-3b17-48c4-8c10-59555bd307c6","id":"33a3b3c0-3607-4b35-8533-f167332e05da","width":1920,"height":1440,"filename":"Shots Mockups.png","type":"image/png","caption":"","border":false}]}
```

## **🧭 Business Context**

As a product design consultant for Bel Group, I worked on Magdalena, their PLM software. This tool helps Bel create, organize, and trace all their products. However, it was designed in the 2000s and hasn't been updated much.

To migrate Magdalena to Angular, Bel Group decided to use their design system, Milky, to improve the user experience. But with hundreds of daily users who are used to the current interface, changes need to be carefully considered.

The challenge was therefore as follows:

🤔

How can we carry out a drastic redesign of Magdalena's UX/UI while ensuring that both old and new users benefit from this improvement?

## **👨‍💻 My Responsibilities In The Team**

I am an experienced Product Designer within the Design Studio team, consisting of a Lead Product Designer, an external Junior Product Designer, an intern and a trainee. This team is part of the Design Thinking Factory, which also includes two UX Researchers and the Head of Design Thinking Factory.

* Supporting the migration of various modules of a key product for the production of goods at Bel: Magdalena (User Research, Restitution, Prototyping, Usability Testing, Hand-Off, Iteration) and assisting in the improvement of certain processes (User Research and Usability Testing)

* Defining and monitoring the success criteria of this project

* Preparing and leading user tests to gather insights on the new interface

* Working closely with the Product Owner and the devs team

* Acting as the right-hand person of the Lead Product Designer for the design and product management teams

* Proposing improvements to Design processes

* Co-maintaing a Design System with a team six Product Designers.

## **🎨 Design Proces**

### 🔎 ***State of art / User research***

* Product tour with PM/PO

* User interview, to observe how end users use the product, understand what works well, and what works less well

* UX audit

The goal here is to observe and understand how the product was designed and built, what purpose it serves, how end users use it, and understand what works well and what can be improved.

### 📝  ***Restitution / User journey***

* Mapping of the different key steps of the product

* Identify blocking points, frustrations, and potential opportunities

* Then prioritize critical points to address.

### *📝  First wireframing ,mock ups, u***sability tests.**

After mapping out the product and prioritizing the elements to tackle first, we formed a team consisting of the Product Owner, a power user, and myself to begin creating wireframes and early page mockups (Using Bel design system, Milky. We tested these mockups with other users to obtain feedback and iterate)

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/6b189081-9a6d-4d33-8966-e5f290924518/Untitled/w=3840,quality=90,fit=scale-down)

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9d52e7b8-6528-4812-b3b2-ca3256420f80/Untitled/w=3840,quality=90,fit=scale-down)

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/1926a5b9-24b6-49b4-9ac7-970502860878/Untitled/w=3840,quality=90,fit=scale-down)

### 

### **Usability test restitution**

I led the user testing part. The chosen format was a selection of 5 tasks co-defined with the P.O, which represented the main uses of Magdalena before the redesign. Users performed these tasks on Figma prototypes. We did 6 test sessions (recorded) - one per user. I considered this number sufficient to gather most of the insights.

Once the sessions were done, I spent time analyzing the different feedback, pain points, and tagging, classifying and prioritizing them, in order to clearly identify the learnings and make them actionable for the future.

To make sure everyone had the same level of information, I created a usability test report deck that I presented during a meeting with several people (the PO, lead designer, a developer, and the power user).

The first part of this deck provides context of the project and explains the purpose of conducting usability tests (what assumptions we wanted to validate). Then, in a second part, the deck highlights what worked well and what didn't, with concrete actions items associated with each element, accompanied by user quotes to illustrate everything.

\[ *Quelques slides du deck extrait du deck de restitution* \]

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/e1ebf0a4-33e7-45c8-8541-ab24282d4d50/Untitled/w=3840,quality=90,fit=scale-down)

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/69266a15-456e-41d6-b5b7-3f9183d1af55/Untitled/w=3840,quality=90,fit=scale-down)

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/37d41eb7-1cec-40b8-b00a-e0465d4e800e/Untitled/w=3840,quality=90,fit=scale-down)

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/76a30f8b-2b09-47db-95fc-908626092b42/Untitled/w=3840,quality=90,fit=scale-down)

### Final result

After iterating on the elements that caused the most problems, and conducting a small presentation session with the users who had reported the issues, we arrived at a result that seemed coherent and effective, which was then sent to production.

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/5db53788-0583-4d1a-8063-e0c8d1296e16/pika-1690293265521-2x/w=3840,quality=90,fit=scale-down)

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/880364c7-ed22-465d-9cf4-d2c8970420f7/pika-1690293478000-2x/w=3840,quality=90,fit=scale-down)

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/78ea8f4d-4d23-46db-b848-c51f7e2e0b8b/pika-1690293583317-2x/w=3840,quality=90,fit=scale-down)

![image](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3d5f48f8-5b1c-4749-a77b-edee406e7894/pika-1690294070414-2x/w=3840,quality=90,fit=scale-down)

## 👏 Product Successes

* User satisfaction increased by 25% after the introduction of the new interface.

* Productivity in product creation and management improved by 30% after the implementation of the new design.

* The number of errors and inconsistencies in product data and information decreased by 20% after the redesign.

* The new interface resulted in a decrease of 15% in the time required to complete tasks.

## **🌱** What I Learned

* The importance of involving end-users in the design process to ensure that their needs and pain points are addressed.

* The value of conducting usability tests to validate assumptions and identify areas for improvement.

* The need for close collaboration between the design team, product owner, and development team to ensure a successful product redesign.

##

Untitled

Within a product team,
-State of art, User research, User story, User flows, Usability test.
-Wireframing, high fidelity prototype, interactive prototype.
-Creation and implementation of a Design System
-Creation of processes for the Design System
-Maintaining Devs Team relationship
-Design d'interaction

Product Designer

(Thiga) Consultant Product Designer

Thiga is a consulting firm specialized in Product (Product management, product design, product marketing management).

As a product design consultant, I carried out three missions for three different clients within Thiga:

- CybelAngel (French Scale up in cybersecurity) | October 2021 - April 2022 (7 months)
- GroupeBEl (Babybel, Laughing Cow, etc.) | May 2022 - November 2022 (7 months)
- Veolia (Global player in energy) | November 2022 - September 2023 (7 months)

Fadel Gueye

2024