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 fundamental concept in data privacy. It refers to the practice of informing individuals about how an organization collects and uses their personal information—and obtaining their explicit permission before doing so.


This project focused on developing a new administrative tool to help internal teams easily create and manage MFEs (Micro Front Ends) at various user data collection points.


In addition to building the MFE admin tool, the solution also included the creation of a digital template library and the redesign of a previous experience. The result was a faster, more automated process that empowered the privacy team with greater autonomy to update data collection points across different locations and languages—streamlining the workflow, reducing time, and minimizing errors.

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.

Solution Explained

User Research

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.

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.

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.