Selected UI · UI-02 Fractal ID · Berlim

Fractal ID

A Fractal ID (Berlim) constrói identidade user-centric para Web3: onboarding KYC e AML que verifica pessoas para token sales e apps blockchain sem a plataforma acumular os seus dados. Foi o meu primeiro emprego na Europa. Ao longo de dois anos o trabalho correu em duas frentes: o produto, do consentimento e verificação de identidade à conta e às suas recompensas, e a marca, num site que apresentava os dois produtos da empresa.

Função

Product & brand designer · interno

Ano

2019–2021

Cliente

Fractal ID · Berlim

Site

fractal.id

Render conceptual do fluxo de verificacao da Fractal ID: os ecras de identidade em leque ao lado de um passaporte, no navy e laranja da marca

A entrada é um hand-off, e abre com um pedido, não com um formulário.

Uma app parceira encaminha a pessoa para a Fractal se verificar, e o primeiro ecrã diz a que essa app quer aceder e para aí. Nada avança até a pessoa concordar, e o que é partilhado é ela que decide. É o princípio do produto tornado visível: os teus dados são teus, por isso o consentimento vem antes do fluxo, não depois.

O sign-up oferece depois email ou telefone, sem password. Em vez de uma credencial para criar e memorizar, a Fractal envia um link de acesso seguro, menos uma coisa para falhar logo no topo de um fluxo de compliance.

Ecrã de autorização da Fractal: uma app parceira pede acesso aos dados de identidade verificados do utilizador, com um passo de consentimento
Fig. 01 O pedido de autorização: uma app parceira pede os dados verificados da pessoa, e nada avança sem um passo explícito de consentimento.
Ecrã de sign-up da Fractal para começar a verificação de identidade, com opções de email e telefone
Fig. 02 Sign up com email ou telefone, sem password, só um link de acesso seguro.
Confirmação de sign-up da Fractal depois de o link de acesso seguro ter sido enviado
Fig. 03 O estado «vê a tua caixa de entrada», com o link de acesso seguro a caminho.

Os fluxos de compliance têm um problema que o design não consegue contornar com argumentos.

Cada campo que o regulador exige é mais uma razão para alguém desistir, e nenhum desses campos pode ser removido. Os requisitos são fixos. A única alavanca que resta é tornar cada passo fácil de acertar à primeira.

O KYC banking-grade corre em qualquer telemóvel que a pessoa já tenha, na luz em que estiver. Uma captura rejeitada não é uma foto má, é uma pessoa que tem de recomeçar, e uma parte não recomeça. Por isso o fluxo orienta antes de pedir: cada passo mostra como é um enquadramento utilizável antes de a câmara abrir, o que move a correção de depois da falha para antes dela.

Orientação primeiro

Antes de a câmara abrir, um passo sobre luz e reflexos prepara a foto. A instrução chega enquanto ainda é útil.

Frente do documento

Captura a frente, com um exemplo bom e um mau lado a lado. Mostrar a falha é mais rápido do que descrever o requisito.

Verso do documento

Depois o verso, mostrado da mesma forma. À segunda captura, a pessoa já sabe ler o ecrã.

Liveness

Uma selfie prova que há uma pessoa real por trás do documento, não uma foto dela. O passo que satisfaz o regulador é o que menos pede ao utilizador.

Verificação de identidade mobile da Fractal: instruções de captura sobre luz e reflexos Verificação de identidade mobile da Fractal: captura da frente do documento, com exemplo bom e mau Verificação de identidade mobile da Fractal: captura do verso do documento, com exemplo bom e mau Verificação de identidade mobile da Fractal: um teste de liveness (selfie)
Fig. 04 Os quatro passos em mobile: orientação de luz, captura da frente e do verso cada uma com exemplo bom e mau, e uma selfie de liveness.

O produto de identidade assenta numa ideia simples: os teus dados são teus, tu concedes o acesso e tu revogas.

O programa de recompensas tinha de funcionar da mesma forma ou a ideia soaria a oco. Por isso os Deals vivem dentro da conta, a partilhar a barra lateral com My Data, apps autorizadas, centro de segurança e privacidade, não numa página de marketing à parte. As ofertas de parceiros empilham-se sob um banner semanal, o progresso das indicações é acompanhado em tempo real face aos passos para qualificar, e os pagamentos caem na carteira BTC da própria pessoa.

O mesmo princípio dos dois lados do produto: os dados são dela, e o que rendem também.

Pagina Deals da Fractal: um programa de recompensas semanais com ofertas de parceiros, bonus de indicacao e um saldo pago numa carteira BTC
Fig. 05 A página Deals: ofertas de parceiros sob um banner Top Deals of the Week, a partilhar a barra lateral da conta com o My Data e os controlos de privacidade.
Um deal expandido na pagina de deals da Fractal, com os passos da indicacao, um link para partilhar e o progresso de amigos convidados e indicacoes bem-sucedidas
Fig. 06 Um deal expandido ali mesmo: os passos para qualificar, um link de indicação copiável, e o progresso em tempo real de convites e indicações bem-sucedidas.

O lado de marca do trabalho tinha o seu próprio problema: a Fractal eram dois produtos com um só nome.

O site tinha de fazer os dois fazer sentido no mesmo ecrã. A Fractal ID é o lado da identidade, o produto acima. O Fractal Protocol é o lado dos dados: um protocolo open-source, zero-margin, feito para substituir o cookie publicitário, com uma frase pública direta sobre não pagar a internet com a tua privacidade.

Ideias próximas, públicos diferentes, uma home. O split hero em navy coloca-os lado a lado, cada um com um ícone e uma promessa simples, para que os dois se leiam como distintos e não como um produto descrito duas vezes.

Site de marketing da Fractal a explicar dois produtos lado a lado: Fractal Protocol para privacidade de dados e Fractal ID para identidade e compliance
Fig. 07 Site de marketing da Fractal, rascunho da home: um split hero em navy que coloca o Fractal Protocol e a Fractal ID lado a lado sob um só título.

O que este projeto me ensinou

Num fluxo regulado, o trabalho de design não está no que se remove. Está em onde se põe o esforço. Nada na sequência de verificação podia ser cortado, por isso cada ganho teve de vir de antecipar a orientação, mostrar a falha antes de ela acontecer, e pedir consentimento antes de mais nada.

Cinco anos depois, o mesmo instinto atravessa o trabalho na Facilia: quando os requisitos são fixos e a restrição é real, a alavanca está na sequência e na clareza, não na subtração.