
Zelocode is a SaaS-based data privacy management platform.
The platform helps companies and consumers to be clear about the new procedures and protocols that emerged with the GDPR (General Data Protection Regulation).

Problem definition
How to consolidate on a single platform, all solutions for companies and customers to comply with the Brazilian personal data protection laws with simple and intuitive interfaces.

Challenge
Design a good user experience for different profiles within the same platform, minimizing the users' cognitive load.
Create nice and friendly interfaces for lawyers, data subjects, and companies.

Strategy
Design a good user experience for different profiles within the same platform, minimizing the users' cognitive load.
Create nice and friendly interfaces for lawyers, data controllers, and organizations that offer goods or services to individuals in Brazil.
Design Process
-
Desk Research
-
Design Sprint
-
BluePrint Strategy
-
User Journey Maps
-
Information Architechture
-
Wireframes
-
UI Design
-
Prototyping
-
Design Tokens (in progress)
-
Hand Off (in progress)

Solutions
My solution was to create a simple-to-use platform that resembles a modern and fun visual identity.
After the survey responses and insights collected in the Design Sprint, I was able to explain to the team and stakeholders the importance of starting a Design System to ensure the scalability of the product in the future.

Landing page
The idea is that the product has a landing page with quick and objective information for users and customers to access the system or hire through call to actions.


Dashboards
The user experience was improved with a user-friendly couple of dashboards and simple-to-use tools.




Design Tokens and Design System
My proposal for project leadership was to create a well-structured library of elements called Design Tokens. This document has been the basis of a larger project called Zelocode Design System that will bring more scalability to the platform.

Grid
Desktop & Laptop
Resolution: 1920px - 1440px
Margin: 165px - 50px
.png)
Mobile
Resolution: 320px - 767px
Margin: 16px

Typograhy
Merriweather & Lato
.png)
Colors







