alema.io
← All clients

Porto (via Môre)

Chosen name across every channel

One standard for the social (chosen) name across Porto's forms, screens and documents, for customers and brokers, using Brazil's Decree 8.727/2016 as the reference.

Role
Senior Product Designer, implementation lead
Period
2024
Sector
Insurance
Porto sign-up screen with the "I have a social name" option checked

Pain points

Discovery

Journey

  1. 01Sign-upFull-name field, as always.
  2. 02I have a social nameOne option with a short explanation.
  3. 03Social nameThe field only appears for people who checked it.
  4. 04NoticeHow to update policies and contracts in force.
  5. 05UseScreens and documents address the person by the social name.

What changed

The problem

The forms we reviewed, for the Hub, data review and Auto insurance, had no field for the social name. Trans and travesti people could only be addressed by their legal name.

Decree 8.727/2016, which applies to the federal public administration, sets the social name prominently, alongside the legal name, which is used only for internal administrative purposes. It served as the reference.

Current Hub, data review and Auto forms, with no social name field
Before: three forms, no social name field.

Research

I started with the decree and benchmarked sign-up forms that already handled the topic.

An interview with a trans person who works in design set the tone: the social name drives the experience, and the legal name stays in the internal layer of the systems. Updating every document is hard, so the product cannot require it.

Benchmark of a sign-up form with an optional social name field and consent

One component, every channel

Together with the CX teams of each channel and the Design System, we arrived at a single component: the full-name field, an "I have a social name" option with an explanation, the social name field and a notice about existing policies.

The same pattern went into the Porto app, the sales hub, the broker system, the customer portal, Porto ID and the real-estate agencies' portal.

Component guideline for the social name, with states, explanation and notice
Component guideline, with states, explanation and notice.
Porto app with the social name component in three states

Documents and review screens

For printed documents, the guideline puts the social name first and the legal name only when needed. The wording avoids the generic masculine in Portuguese.

On profile screens, the social name is the name. Showing the legal name is the person's own choice.

Policy data screen with the social name as the name and a Show legal name option

Want something similar?

Describe the problem. alema.io replies with a path, not a generic quote.

Write to alema.io
Next casePorto (via Môre)Tag Porto: the real design is in the alternative flows