Customizable Consent Management Tool
Simplifying global privacy compliance across 30+ countries.
Role
Product Designer
Timeline
4 months
Team
2 Product Designers
Global Cross-functional team (PM, PO, developers, architect)
Project under NDA
Please, reach out to know more.
Customizable Consent Management Solution
Simplifying global privacy compliance across 30+ countries.
Role
Product Designer
Timeline
4 months
Team
2 Product Designers
PM, PO, developers, architect
Project under NDA
Please, reach out to know more.
Project Overview
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.
Problem
Privacy team doesn't have an efficient way to create and manage verbiage and checkbox logic in each page collecting customers data (eg. "Create your Account" page).
They must assure that this data is in compliance with the particularities of each location's data protection laws.
Solution
Designed an MFE (Micro Front-End) and a Admin tool that make the changes requests quickly, efficiently and without any error.
Replaced manual workflows with a secure tool that enabled storage, customization of content, and permission controls for better governance.
Co-Creating with Stakeholders and Developers
"Notice and consent" is a fundamental concept in data privacy, It essentially means informing individuals about an organization's data practices and then obtaining their permission before collecting and using their personal information.
Our specialist users were also our stakeholders, which fostered a close and crucial relationship for the project’s success. This collaboration allowed us to deeply understand their pain points and the specific needs of the privacy team. From our initial research, we uncovered the following insights:
Co-Creating with Stakeholders and Developers
"Notice and consent" is a fundamental concept in data privacy, It essentially means informing individuals about an organization's data practices and then obtaining their permission before collecting and using their personal information.
Our specialist users were also our stakeholders, which fostered a close and crucial relationship for the project’s success. This collaboration allowed us to deeply understand their pain points and the specific needs of the privacy team. From our initial research, we uncovered the following insights:
Manual and
overloaded process
If a requirement changes in a country, users must update it quickly, but the workflow involves too many teams and bureaucratic hurdles.
Poor communication
between teams
Poor communication forced users to contact several teams for a single update, leading to delays that could expose the company to legal risks.
Inefficient,
Non-Integrated Tools
Legacy tools were outdated and disconnected, creating major obstacles to digitalization and automation.
A streamlined and integrated user journey
After identifying the stakeholders’ pain points through extensive discussions and workshops, we realized the need to design a unified and fully integrated journey, ensuring that no touchpoint was left outside the scope of our privacy management team. To achieve this, we developed three new tools and redesigned an existing one, creating a cohesive ecosystem that simplifies and strengthens the overall experience for both users and systems, fully integrated into one flow.
Feature #1 - Template Library
This solution came after realizing that the privacy team’s entire process needed to be centralized and automated. The Template Library brought the consent language directly into the Admin Tool, allowing users to add content in multiple languages according to each country’s data protection laws.
Feature #2 - MFE Creator
The core feature of the project was a page for customizing MFEs using the text stored in the Template Library. Through a combination of text and checkbox logic, users could assemble MFEs exactly as they would appear on each data collection page — supporting 30+ languages worldwide.
Feature #3 - Redesigned the page ID creator
Every page that collects customer data requires a unique identity. I redesigned this experience following best practices and the company’s design system, resulting in a more consistent and user-friendly process.
Feature #4 - MFE Configurator
For each newly created page, users could configure one or more MFEs depending on language and location, ensuring compliance with the specific data protection requirements of each country. When a user updated a specific MFE, all pages configured with that MFE were automatically updated, ensuring changes were applied quickly and consistently.
Key Outcomes & Results
30%
reduction in manual updates per week, improving efficiency and freeing team capacity.
30%
reduction in manual updates per week, improving efficiency and freeing team capacity.
250+
consumer data collection pages integrated with the MFE, streamlining processes and ensuring consistency.
250+
consumer data collection pages integrated with the MFE, streamlining processes and ensuring consistency.
50%
expected increase in opt-ins for communication, generating more qualified leads for marketing.
50%
expected increase in opt-ins for communication, generating more qualified leads for marketing.
‘’It’s wonderful! There is a flow and, it’s easy. The search option, the columns information are very good. I think it really works!’’
Privacy team user
"It's user-friendly comparing to the current experience.
It's what I was waiting for!"
Privacy team user
Usability Test
I conducted usability tests with six subject-matter experts. While the overall experience was seamless, my team and I identified difficulties with the terminology used in button labels and copy. Based on these insights, we decided to:
Focus our adjustments on copywriting and button placement, which had a direct impact on clarity and task completion. We also introduced tooltips and additional step-by-step explanations to guide users through the journey.
Highlight the need for clear documentation and training materials to reduce the learning curve, particularly for the privacy team.
Project Complexity
We invested significant time in workshops and meetings to understand the specificities of the project, since the solution also redefined the structure of the consent database, establishing a single source of truth.
Collaborative work was essential to align the expectations of business stakeholders, developers, and our design team, ensuring the design solution incorporated privacy requirements while remaining technically feasible.
A streamlined and integrated user journey
After identifying the stakeholders’ pain points through extensive discussions and workshops, we realized the need to design a unified and fully integrated journey, ensuring that no touchpoint was left outside the scope of our privacy management team. To achieve this, we developed three new tools and redesigned an existing one, creating a cohesive ecosystem that simplifies and strengthens the overall experience for both users and systems, fully integrated into one flow.
Feature #1 - Template Library
This solution came after realizing that the privacy team’s entire process needed to be centralized and automated. The Template Library brought the consent language directly into the Admin Tool, allowing users to add content in multiple languages according to each country’s data protection laws.
Feature #2 - MFE Creator
The core feature of the project was a page for customizing MFEs using the text stored in the Template Library. Through a combination of text and checkbox logic, users could assemble MFEs exactly as they would appear on each data collection page — supporting 30+ languages worldwide.
Feature #3 - Redesigned the page ID creator
Every page that collects customer data requires a unique identity. I redesigned this experience following best practices and the company’s design system, resulting in a more consistent and user-friendly process.
Feature #4 - MFE Configurator
For each newly created page, users could configure one or more MFEs depending on language and location, ensuring compliance with the specific data protection requirements of each country. When a user updated a specific MFE, all pages configured with that MFE were automatically updated, ensuring changes were applied quickly and consistently.
A streamlined and integrated user journey
After identifying the stakeholders’ pain points through extensive discussions and workshops, we realized the need to design a unified and fully integrated journey, ensuring that no touchpoint was left outside the scope of our privacy management team. To achieve this, we developed three new tools and redesigned an existing one, creating a cohesive ecosystem that simplifies and strengthens the overall experience for both users and systems, fully integrated into one flow.
Feature #1 - Template Library
This solution came after realizing that the privacy team’s entire process needed to be centralized and automated. The Template Library brought the consent language directly into the Admin Tool, allowing users to add content in multiple languages according to each country’s data protection laws.
Feature #2 - MFE Creator
The core feature of the project was a page for customizing MFEs using the text stored in the Template Library. Through a combination of text and checkbox logic, users could assemble MFEs exactly as they would appear on each data collection page — supporting 30+ languages worldwide.
Feature #3 - Redesigned the page creator
Every page that collects customer data requires a unique identity. I redesigned this experience following best practices and the company’s design system, resulting in a more consistent and user-friendly process.
Feature #4 - MFE Configurator
For each newly created page, users could configure one or more MFEs depending on language and location, ensuring compliance with the specific data protection requirements of each country. When a user updated a specific MFE, all pages configured with that MFE were automatically updated, ensuring changes were applied quickly and consistently.
Key Outcomes & Results
30%
reduction in manual updates per week, improving efficiency and freeing team capacity.
30%
reduction in manual updates per week, improving efficiency and freeing team capacity.
250+
consumer data collection pages integrated with the MFE, streamlining processes and ensuring consistency.
250+
consumer data collection pages integrated with the MFE, streamlining processes and ensuring consistency.
50%
expected increase in opt-ins for communication, generating more qualified leads for marketing.
50%
expected increase in opt-ins for communication, generating more qualified leads for marketing.
Usability Test
I conducted usability tests with six subject-matter experts. While the overall experience was seamless, my team and I identified difficulties with the terminology used in button labels and copy. Based on these insights, we decided to:
Focus our adjustments on copywriting and button placement, which had a direct impact on clarity and task completion. We also introduced tooltips and additional step-by-step explanations to guide users through the journey.
Highlight the need for clear documentation and training materials to reduce the learning curve, particularly for the privacy team.
‘’It’s wonderful! There is a flow and, it’s easy. The search option, the columns information are very good. I think it really works!’’
Privacy team user
"It's user-friendly comparing to the current experience.
It's what I was waiting for!"
Privacy team user
Project Complexity
The greatest challenge in this project was aligning stakeholder requirements with technical feasibility. Initially, it was unclear at which stage of the user journey the checkbox attributes would be implemented. Since these attributes played a key role in the team's database reconfiguration, close collaboration between the business and development teams was essential to ensure alignment and successful delivery.
After extensive discussions with our software architect, business stakeholders, and development team, we concluded that the most effective solution was to incorporate the attributes directly into the MFE Creator.
Usability Test
I conducted usability tests with six subject-matter experts. While the overall experience was seamless, my team and I identified difficulties with the terminology used in button labels and copy. Based on these insights, we decided to:
Focus our adjustments on copywriting and button placement, which had a direct impact on clarity and task completion. We also introduced tooltips and additional step-by-step explanations to guide users through the journey.
Highlight the need for clear documentation and training materials to reduce the learning curve, particularly for the privacy team.
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 as a Product Designer, reinforcing my skills in system thinking, UX strategy, and collaboration.
Next Steps
One of the next improvements was the introduction of MFE History, enabling teams to track and manage past versions of their configurations. In Phase 2, I took the lead in driving this initiative, ensuring the solution evolved with the team’s needs.
Today, the project is fully implemented and running successfully, supporting global privacy compliance at scale.
Project Complexity
We invested significant time in workshops and meetings to understand the specificities of the project, since the solution also redefined the structure of the consent database, establishing a single source of truth.
Collaborative work was essential to align the expectations of business stakeholders, developers, and our design team, ensuring the design solution incorporated privacy requirements while remaining technically feasible.
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 as a Product Designer, reinforcing my skills in system thinking, UX strategy, and collaboration.
Next Steps
One of the next improvements was the introduction of MFE History, enabling teams to track and manage past versions of their configurations. In Phase 2, I took the lead in driving this initiative, ensuring the solution evolved with the team’s needs.
Today, the project is fully implemented and running successfully, supporting global privacy compliance at scale.
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 as a Product Designer, reinforcing my skills in system thinking, UX strategy, and collaboration.
Next Steps
One of the next improvements was the introduction of MFE History, enabling teams to track and manage past versions of their configurations. In Phase 2, I took the lead in driving this initiative, ensuring the solution evolved with the team’s needs.
Today, the project is fully implemented and running successfully, supporting global privacy compliance at scale.