Case studiesMZ Private

Informing securely, for compliance and credibility

MZ Private is a secure document-sharing workspace where a listed company's investor relations team keeps sensitive documents and shares them, internally and with investors and stakeholders. I designed the experience end to end: who gets in, who sees what, and a record of everything that happens, while keeping it as easy to use as the tools IR already knows.

Why it exists
The confidentiality CVM 44 requires, and a record of who accessed each document
UX decisions
Group-only access, view or edit, 2FA, and an audit log, without making sharing harder
Scope
Documents, access, members and groups, audit, analytics, and security settings
Quality
Every flow tested in staging before release

MZ Private · DocumentsDemo data

MZ Private documents screen: folders in a grid, a selected folder, and the details panel with its author and the groups that have access

Context

In listed companies, the investor relations team handles information that moves share prices before the market sees it: results before release, material facts, and board and shareholder meeting materials. MZ Private gives that team a secure document-sharing workspace to keep these documents and share them with the right users, inside the company and with investors and stakeholders.

In 2023, the stakes around this information were high. CVM Resolution 44, in force since September 2021, requires officers and employees to keep material information confidential until it’s disclosed, and to make sure their subordinates and trusted third parties do the same, with joint liability if they don’t. If the information escapes the company’s control, it must be disclosed immediately. At the same time, Brazil’s data protection law (LGPD) moved from text to enforcement: sanctions have applied since August 2021, and in 2023 the ANPD published its sanctions regulation, in February, and issued its first fine, in July.

Very High

is how the CVM ranked the loss of control over undisclosed material information in its 2023–2024 supervision plan, its top priority.

74%

of data breaches involve the human element, and sending something to the wrong person causes 43% of breaches due to error, according to Verizon’s 2023 report.

R$ 6.2M

was the average cost of a data breach in Brazil in 2023, according to IBM.

Sources: CVM Resolution 44, arts. 6 and 8 · CVM risk-based supervision plan 2023–2024, 2023 report · ANPD’s first fine, via Clyde & Co · Verizon DBIR 2023 · IBM Cost of a Data Breach 2023, via Security Leaders.

The problem

Before MZ Private, these documents traveled by email, shared drives, and personal devices. Every forward created a copy no one controlled. Access depended on remembering who had received what. And when something leaked, there was no record to answer the question the rules imply: who had access?

The product was born from that context, without a formal discovery phase, so the rules of access had to be right from the start. The challenge was to make control the default without making sharing hard: an IR team should share as easily as in the tools they already used, while the product made sure every document had a defined audience and every action left a trace.

My role

From June to November 2023, I was the UX/UI designer on MZ Private, in a squad with 3 senior developers and a PO.

  • Defined the user journeys and the access rules behind them.
  • Designed the flows and prototypes, from structure to high fidelity, and the MZ Design System.
  • Handed off to development and ensured quality with the developers, testing every flow in staging, in rounds of adjustments before release.

Key decisions

Nine decisions shape how MZ Private balances ease and control.

Access only through groups

Permissions are assigned to groups rather than individual users. To share a folder or a file with someone, that user has to be in a group, and the group gets the access. Groups give much more control over permission levels: the board, a set of investors, and the internal team each get their own level, and changing a group once updates everyone in it.

  • No member without a group. Any change that would leave someone without one blocks the “Save” button.
  • A fixed “Administrators” group comes by default, can’t be renamed or deleted, and is the only one with access to “Analytics” and “Audit.”
  • Members and groups, both ways. One screen shows a member and their groups; the other, a group and its members. Invitations go by email, up to 25 at a time, with the groups chosen in the same step.

Members, invitations, and groupsDemo data

A member and their groups, the bulk invitation with groups chosen in the same step, and the “Groups” tab.

Two levels: view or edit

Each group gets one of two permissions on a folder or file: view, to open and read, or edit, which also allows renaming, deleting, and granting access to others. Two clear levels separate the users who consume information from the users who manage it. Access is set group by group in the same window, which also creates a new group on the spot when the right one doesn’t exist yet, with a required name and description, so sharing never hits a dead end.

Access by group: view or edit

Access permission window listing groups, each with view and edit toggles
Each group gets view (the eye) or edit (the pencil), with the “Create a Group” shortcut.

A new group, without leaving

New group window with name and description fields
Name and description are required.

Sharing a folder by groupDemo data

In the folder’s panel, “Manage” opens the access permissions: each group gets view or edit, and a new group is created right there, without leaving the flow.

Folders first, then any depth

The first level, “Documents,” holds only folders, so every file lives inside a folder with predefined access permissions. From the second level on, users can add both folders and files, which is why “New Folder” becomes “Add.” Breadcrumbs show the path, always starting at “Documents,” and take users back to any level in one click; long names get tooltips.

Level 1: only folders

Documents level with folders and a New Folder cell
“Documents” holds folders; the last cell, “New Folder,” creates one.

Level 2 and deeper: folders and files

Second level with a breadcrumb path, subfolders, and an Add cell
Breadcrumbs start at “Documents,” and “Add” covers both.

A + that follows the context

The + in the top right corner adds what makes sense where the user is. In “Documents,” it uploads files or folders, or creates a folder at the current level. In “Members and Groups,” the same + adds a member or creates a group. One place to look, and an action that always fits the screen.

The + in “Documents”

The add menu with upload file, upload folder, and new folder
“Upload file,” “Upload folder,” or “New folder,” always at the current level.

The upload window

Upload window with a drop area, the selected file, and options to notify users and add a watermark
Drag and drop, the files about to go in, the email notice, and the PDF watermark.

The details panel, always at hand

Folders and files share a details panel on the right: who created the item, the groups with access, and actions to rename, delete, and manage access. When a level opens, the panel animates in so users always have quick, practical access to the folder’s or file’s information, especially the users who manage access. With nothing selected, its empty state prompts users to select a file or folder. Information about any folder or file is always one click away, without leaving the list.

Empty state

Details panel empty state asking to select an item
With nothing selected, the panel prompts users to select a file or folder.

With an item

Details panel with the author, the groups with access, and edit and delete actions
Author, the groups with access, and actions.

Documents: views and the details panelDemo data

Folders in a grid and in a list, actions on hover, and the details panel animating in, then waiting for a selection.

Each view gets the actions that fit it

Grid cells don’t have room to show every action, so the grid uses a kebab menu: “Open,” “Details,” “Share,” “Copy link,” and “Delete.” List rows have room, so extra actions, like details and sharing, appear right on hover. In both, double-click opens the item, as in Google Drive. The same needs, solved the way each view’s space allows.

Grid: kebab menu

A folder card in the grid with its kebab menu open
“Open,” “Details,” “Share,” “Copy link,” and “Delete.”

List: actions on hover

A list row showing details and share icons on hover
Details and share appear on the row itself.

Viewers for the formats IR uses

Files open inside the product, in viewers for PDF, video, images, audio, and text, with download always available at the top. Users read, watch, and listen without needing a copy on their machine first.

Viewing files in the productDemo data

PDF, video, image, audio, and text open in the viewer, with download always at the top.

Audit: every event, its file, and where it lives

Administrators see every event in the app: who did it, what they did, which file it refers to, where that file is, and when. Replying to a comment, sharing or deleting a file, creating or downloading a version, adding or removing a user: it all lands in one list, filtered by period and group, searchable by user, and exportable in full.

When a stock trades atypically, CVM Resolution 44 asks the investor relations officer to question the people who had access to the information. This list is where that starts.

Audit · administrators onlyDemo data

The audit log: who, when, what, which file, and where it lives

Analytics: how the files perform

Analytics gives IR a view of how the files it makes available to investors and stakeholders are performing. Usage highlights show uploads, files accessed, and daily and weekly access. Limits show storage and users against the plan, since each plan sets both limits. The most accessed files rank documents by day, week, or month, and engagement shows how each recent upload was received, as percentages or access counts, next to the most active users.

Analytics · administrators onlyDemo data

The analytics dashboard: usage highlights, plan limits, most accessed files, engagement, and most active users

Security the user controls

Security needs to be visible and in users’ hands, not buried in settings no one opens.

  • Login with a one-time code sent to the user’s email.
  • Two-factor authentication by email or by an authenticator app, set up with a code or a QR code.
  • Password changes ask for the current password and a confirmation.
  • Data retention. Users choose a period, from 6 months to 3 years or a custom one, after which their data is deleted, with a confirmation step and a clear warning about what happens afterward.
  • Notifications for new files, comments and replies, new members, and a monthly report, turned on or off one by one or all at once.

Profile and securityDemo data

Password, two-factor authentication with a QR code, data retention, and notifications in one place.

Rules that keep it safe

Together, the rules keep the room safe without asking users to remember anything.

RuleWhy
The first level of “Documents” holds only folders

Every file belongs to an audience decided before it arrives.

Access goes to groups, never to a single user

Permission levels stay clear and change in one place.

Two levels: view or edit

Most of the audience can read without being able to change, delete, or reshare.

“Administrators” is default, fixed, and the only group that sees “Analytics” and “Audit”

Administrators always retain access to the most sensitive views.

No member without a group

No one has an account without defined permissions.

Email notice and PDF watermark, chosen at upload

The audience hears about new files from the product, and copies that travel are marked.

One-time code at login, and 2FA by email or authenticator

A leaked password alone doesn’t open the room.

Every action in the audit log, with export

The answer to “who had access?” is in the product.

Design system

MZ Private uses the MZ Design System. It was the first product to adopt it, a design system I created and maintained for other apps as well.

Foundations

Colors

Two dark surfaces carry the interface; every other color has a single job.

Surfaces and text

canvasPage background
surfaceCards, panels, and modals
textNames and titles
text-mutedLabels and metadata

Actions and states

primaryMain action and active view
linkLinks like Manage
selectionOutline of the selected item
dangerDestructive actions only

File types

pdfPDF
videoVideo
audioAudio
textTXT, MD, DOCX
sheetXLSX
imagePNG, JPG

Roboto

One family, from page titles to file metadata.

Page titleMZ Group
SectionChange password
BodySelect an item to see its details
Metadata25 items · 575 KB

Components

Buttons and links

Icon buttons

Fields

Password••••••••

PIN code input

Toggles

Checkboxes

Tabs

Period

Chips and avatars

Group NameGroup 3Top 10
FLMAMMANEM

Desktop patterns

Grid cell

New Folder

Menu

List cell

202225 items
Example of a long folder name25 items

Dialogs

Are you sure?

This folder and all its content will be permanently deleted

Folder name
Access Permission
  • ADAdministratorsManage
  • MGMZ Group
  • TGTizi Group
  • ZGZuck Group
3 groups selected
New Group

Mobile patterns

Bottom sheet

Selection and reading
MAGAZINE LUIZAFollowing

Date picker

Date selection

Learnings

Familiarity is a security feature

When sharing safely works like the tools users already know, they stop looking for ways around it.

The safe path can’t dead-end

If the right group doesn’t exist yet and the flow stalls, the shortcut is granting access to a bigger group than needed. Creating the group inside the permission window, with a required name and description, keeps every grant within the rules.

Edit means managing access

Because edit also lets a group grant access to others, it’s a management permission, not a content one. Splitting view from edit makes clear who only consumes information and who decides who else can see it.

Uploading is granting access

In a space for sensitive files, an upload is already a share: the file inherits the folder’s audience. That’s why the first level holds only folders and the + always acts on the current level, with the path in view, so users know who will see a file before it goes in.

Exposure is decided with the file in hand

Notifying the audience by email and watermarking the PDF are choices made at upload, for that file, not a global setting that applies to everything.

Traceability changes the question

With an audit log, “who had access?” becomes a filter instead of a hunt through inboxes.