A Customizable MFE Solution

Notice & Consent Project

As a Product Designer, I created a scalable and customizable Notice & Consent Micro Front-End (MFE) management tool to ensure compliance with global data protection laws across 30+ countries and languages. The solution simplified how internal admins manage and create Notice and Consent requirements, reducing manual effort and improving efficiency.

Company

Dell Technologies

Services

UX & UI Design
Visual Design

Team

1 Senior Product

Designer and 1 Product Designer

Timeline

4 months

Project under NDA

Please, reach out to know more

Project Overview

Notice and consent is a key data privacy principle that requires organizations to clearly inform individuals about data collection and use, and to obtain explicit permission beforehand.


This project delivered an admin tool to help teams build and manage Micro Front Ends (MFEs) at data collection points. It also included a template library and a redesigned experience, resulting in a faster, more automated process that gave the privacy team greater autonomy across locations and languages, streamlining work, reducing errors, and saving time.

My Responsibilities

I worked collaboratively with a senior Product Designer. We worked as a duo, and I was involved in the entire end-to-end process. I conducted UX research, user interviews, ran workshops, generated ideas in ideation sessions, designed wireframes and prototypes, and carried out usability testing.


I also worked on soft skills such as problem-solving, strategic thinking, stakeholder management, and presentation skills.

Key Outcomes & Results

30%

reduction in manual updates per week.

30%

reduction in manual updates per week.

30+

countries compliant with data protection laws.

30+

countries compliant with data protection laws.

80%

task success rate in user testing, with key usability improvements implemented.

80%

task success rate in user testing, with key usability improvements implemented.

Challenges

Replacing a legacy system with a new MFE admin tool while optimizing processes required balancing technical feasibility and user experience.


The transition to the Dell Design System needed a complete UI redesign, ensuring consistency and usability.


Database security and scalability were also critical concerns, demanding close collaboration with product managers, architects, and developers.


Stakeholder misalignment further complicated the process, requiring proactive communication to bridge gaps and align expectations.

User Research

Since the stakeholders were also the expert users, communication was more open and direct, and I was able to be in touch with them in a weekly basis. To deeply understand their needs, we conducted user interviews, analyzed relevant documents, and developed a CSD Matrix. In a collaborative Workshop, we co-created Proto-personas and mapped User Journeys, uncovering critical pain points and opportunities. This process established a strong foundation for our design solutions.


Key Findings

  • Users face significant challenges due to reliance on multiple teams to complete their tasks, leading to delays and inefficiencies.

  • When requirements change in a specific country, users need a quick and streamlined process to implement updates without unnecessary dependencies.

User Research

Since the stakeholders were also the expert users, communication was more open and direct, and I was able to be in touch with them in a weekly basis. To deeply understand their needs, we conducted user interviews, analyzed relevant documents, and developed a CSD Matrix. In a collaborative Workshop, we co-created Proto-personas and mapped User Journeys, uncovering critical pain points and opportunities. This process established a strong foundation for our design solutions.


Key Findings

  • Users face significant challenges due to reliance on multiple teams to complete their tasks, leading to delays and inefficiencies.

  • When requirements change in a specific country, users need a quick and streamlined process to implement updates without unnecessary dependencies.

Solution

I designed a modular system enabling users to assemble Notice & Consent components using pre-set wording, checkboxes, and terms. The MFE Admin tool used a building-block approach for flexibility and compliance.


I also redesigned the data collection page to integrate with this system and replaced the manual process with a secure tool for storing and customizing content with permission controls.


Cross-team collaboration was essential to align business goals with technical solutions.

Usability Test

User Research

I focused on usability and users' understanding of the terms used in the experience. I created tasks based on key user journeys, like creating and enabling an MFE, and I measured task completion time.


All users completed the tasks successfully and gave positive feedback. When in doubt, they figured things out within seconds.


After testing, I used Affinity Mapping to prioritize improvements, mostly related to interface elements like button position and terminology. I added tooltips and explanations to make the experience smoother, acknowledging there will be a learning curve.

Since the stakeholders were also the expert users, communication was more open and direct, and I was able to be in touch with them in a weekly basis. To deeply understand their needs, we conducted user interviews, analyzed relevant documents, and developed a CSD Matrix. In a collaborative Workshop, we co-created Proto-personas and mapped User Journeys, uncovering critical pain points and opportunities. This process established a strong foundation for our design solutions.


Key Findings

  • Users face significant challenges due to reliance on multiple teams to complete their tasks, leading to delays and inefficiencies.

  • When requirements change in a specific country, users need a quick and streamlined process to implement updates without unnecessary dependencies.

Solution Explained

I developed a modular, customizable system that allowed users to assemble Notice & Consent components with pre-set wording, checkboxes, and terms & conditions. The MFE Admin tool had a building-block approach enabling flexibility while maintaining compliance.

I also redesigned the data collection point creation page that integrated smoothly with the new system.

A new tool was created to replace the manual process users previously used to store wordings and checkbox content, while also securing content customization features with limited access permissions.


Collaboration across teams was key to aligning business objectives with technical implementation.

Solution Explained

I developed a modular, customizable system that allowed users to assemble Notice & Consent components with pre-set wording, checkboxes, and terms & conditions. The MFE Admin tool had a building-block approach enabling flexibility while maintaining compliance.

I also redesigned the data collection point creation page that integrated smoothly with the new system.

A new tool was created to replace the manual process users previously used to store wordings and checkbox content, while also securing content customization features with limited access permissions.


Collaboration across teams was key to aligning business objectives with technical implementation.

Usability Test

I focused on usability and users' understanding of the terms used in the experience. I created tasks based on key user journeys, like creating and enabling an MFE, and I measured task completion time.


All users completed the tasks successfully and gave positive feedback. When in doubt, they figured things out within seconds.


After testing, I used Affinity Mapping to prioritize improvements, mostly related to interface elements like button position and terminology. I added tooltips and explanations to make the experience smoother, acknowledging there will be a learning curve.

"It's user-friendly comparing to the actual experience. It's what I was waiting for!"

Key Learnings

This project strengthened my ability to communicate with stakeholders and bridge gaps between business and engineering. I enhanced my problem-solving skills by designing an end-to-end solution from scratch. Managing rapid business changes and tight deadlines reinforced my adaptability and resilience, and working closely with cross-functional teams enabled me to align business goals with technical feasibility.

This project was a transformative experience in my first year as a Product Designer, reinforcing my skills in system thinking, UX strategy, and collaboration.

Key Outcomes & Results

30%

reduction in manual updates per week.

30%

reduction in manual updates per week.

30+

countries compliant with data protection laws.

30+

countries compliant with data protection laws.

80%

task success rate in user testing, with key usability improvements implemented.

80%

task success rate in user testing, with key usability improvements implemented.