Selected UI · UI-02 Fractal ID · Berlim

Fractal ID

A Fractal ID era uma plataforma de identidade digital sediada em Berlim, criada para empresas ligadas a blockchain e serviços financeiros digitais. A plataforma ajudava os produtos parceiros a verificar os seus utilizadores e a cumprir requisitos de KYC e AML através de uma experiência comum de onboarding. Entre 2019 e 2021, trabalhei internamente como Product and Brand Designer, desenhando experiências para diferentes áreas do produto, incluindo autorização, criação de conta, verificação de identidade, gestão da conta e ofertas de parceiros. Também desenhei o site institucional que apresentava a Fractal ID e o Fractal Protocol como dois produtos distintos da mesma empresa. O meu papel era transformar requisitos regulatórios e técnicos em interfaces que as pessoas conseguissem compreender e utilizar com segurança, mantendo uma experiência visual consistente entre o produto e a marca.

Função

Product and brand designer · interno

Empresa

Fractal ID · Berlim

Ano

2019–2021

Âmbito

Design de produto, UX, interface, marca e site institucional

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 experiência com a Fractal começava frequentemente dentro de um produto parceiro.

Quando esse parceiro precisava de verificar uma pessoa, o utilizador era encaminhado para a Fractal ID. Desenhei a etapa de autorização que apresentava essa transição. O ecrã identificava o parceiro que estava a pedir acesso, explicava quais informações verificadas eram necessárias e solicitava a autorização do utilizador antes de continuar.

Depois de dar o seu consentimento, o utilizador podia criar uma conta Fractal com um endereço de email ou número de telefone. A experiência não exigia palavra-passe. Em vez disso, a Fractal enviava um link de acesso seguro. Estes primeiros ecrãs preparavam o utilizador para o processo de verificação e tornavam mais clara a relação entre a Fractal, o parceiro e os seus dados pessoais.

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 identifica o parceiro e solicita permissão para aceder a informações de identidade verificadas.
Ecrã de sign-up da Fractal para começar a verificação de identidade, com opções de email e telefone
Fig. 02 Criação de conta com endereço de email ou número de telefone, sem exigir uma palavra-passe.
Confirmação de sign-up da Fractal depois de o link de acesso seguro ter sido enviado
Fig. 03 Confirmação de que o link de acesso seguro foi enviado.

A verificação exigia um documento de identificação e uma prova de vida, etapas que o cumprimento das regras tornava obrigatórias.

O meu objetivo foi reduzir erros evitáveis durante a captura. Organizei a experiência mobile numa sequência clara e, antes de abrir a câmara, cada ecrã explicava o que fazer, comparando capturas aceitáveis e incorretas (pouca luz, reflexos, margens cortadas, posicionamento inadequado) para que as condições pudessem ser corrigidas antes da fotografia.

Preparar a captura

A primeira etapa explica como a iluminação e os reflexos podem afetar o reconhecimento do documento.

Frente do documento

A interface mostra como posicionar a frente do documento e compara uma captura válida com uma captura incorreta.

Verso do documento

A mesma estrutura é utilizada para o verso, mantendo a interação previsível.

Prova de vida

Uma selfie confirma que a pessoa que está a realizar o processo está presente e corresponde ao documento enviado.

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 A sequência mobile inclui a preparação, a captura do documento e a prova de vida.

Depois de criar uma conta, os utilizadores podiam aceder ao Deals, uma área dedicada a campanhas de parceiros da Fractal.

O programa apresentava ofertas semanais de serviços financeiros digitais e empresas de criptomoedas, como Cryptology, eToro e Bitwala. Dependendo da campanha, o utilizador podia receber um bónus por aderir a um serviço, realizar um investimento ou convidar outras pessoas. Desenhei a lista de ofertas e o respetivo estado expandido. Cada oferta apresentava o parceiro e a possível recompensa. Ao abrir a oferta, o utilizador encontrava as condições de participação, um link de referral exclusivo e os resultados alcançados até ao momento.

Um referral só era considerado bem-sucedido depois de a pessoa convidada cumprir as condições definidas pelo parceiro. Essas condições podiam incluir criar uma conta, autorizar a Fractal ID, concluir a verificação de identidade, fazer um depósito ou abrir um produto de investimento. A interface distinguia as pessoas que tinham aberto o link daquelas que tinham concluído todas as etapas necessárias. Também apresentava o limite da campanha, o prazo previsto para pagamento e as recompensas acumuladas. Algumas campanhas pagavam o bónus em Bitcoin, refletido no saldo da conta.

O meu trabalho concentrou-se em tornar as regras, o progresso e o estado do pagamento compreensíveis num único lugar. A funcionalidade dava aos utilizadores acesso a benefícios de parceiros e oferecia aos parceiros da Fractal um canal estruturado de aquisição.

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 visão geral do Deals apresenta as campanhas disponíveis, as recompensas e o saldo atual do utilizador em Bitcoin.
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 A oferta expandida explica as condições de qualificação e mostra o link de referral, os utilizadores convidados e os referrals bem-sucedidos.

A Fractal estava a desenvolver dois produtos com objetivos relacionados, mas destinados a públicos diferentes.

A Fractal ID fornecia serviços de verificação de identidade e conformidade para produtos ligados a blockchain. O Fractal Protocol era uma iniciativa de código aberto dedicada à privacidade e à troca de dados comportamentais. Desenhei um site institucional que explicava os dois produtos sem os transformar numa única proposta.

A página inicial apresentava o propósito geral da empresa e dava a cada produto a sua própria descrição, identidade visual e acesso a informações adicionais. A estrutura dividida permitia comparar os produtos e compreender o papel de cada um. A tipografia, as cores e as ilustrações partilhadas mantinham a ligação com a mesma empresa.

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 A página inicial apresenta o Fractal Protocol e a Fractal ID como produtos distintos da mesma empresa.
↳

A minha contribuição

O meu trabalho na Fractal abrangeu diferentes partes da experiência do utilizador: autorização de parceiros, criação de conta, verificação de identidade, gestão da conta, campanhas de referral e comunicação dos produtos.

O principal desafio era apresentar conceitos financeiros, regulatórios e técnicos pouco familiares sem aumentar a dificuldade de processos que já exigiam atenção e esforço dos utilizadores.

Trabalhar simultaneamente no produto e na marca também exigia consistência entre experiências com objetivos diferentes. A verificação precisava de ser precisa e transmitir segurança, o Deals precisava de comunicar regras e progresso, e o site institucional precisava de explicar a empresa e os seus produtos a um público mais amplo.