Logo Zelocode

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).

Businessman working at the office during deadline

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.

Desk Research

The scenario regarding the implementation of the LGPD in Brazil shows a paradox: at the same time that most companies are well informed about the Law and its sanctions, they also show a low level of adequacy for the entry into force of punishments, in the August 1st. The survey shows that 77% of companies are late in the adaptation process; only 15% have already finished or are in the final stretch of their adaptation.

According to the survey numbers, 69% do not have or are in the process of building customer data protection policies – a fundamental step for implementing the standards required by the LGDP. Worse still: a significant portion has not even taken the first step. More than a fifth – 22% – of national companies do not adopt any type of security measure regarding the personal information of their customers.

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.

Workflow Zelocode Mockup

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

  1. Desk Research

  2. Design Sprint

  3. BluePrint Strategy

  4. User Journey Maps

  5. Information Architechture

  6. Wireframes

  7. UI Design

  8. Prototyping

  9. Design Tokens (in progress)

  10. 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.

Site Zelocode

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.

O que é LGPD - Screen
Quem somos Screen

Dashboards

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

Workflow Dashboard Screen
Configurar URL Screen
Menu Collapse

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

UI Grid Desktop

Mobile

Resolution: 320px - 767px

Margin: 16px

UI Grid Mobile

Typograhy

Merriweather & Lato

Type Scale image

Colors

Color Scheme image
Parceiros jurídicos Screen
Workflow Screen
Meus dados Screen
Upload de arquivos Screen
Configurar URL Screen
Preços Screen

Thank you