Mobile · Self-custody · Fintech
Klever Wallet
Autocustódia mobile, ativos, transações e segurança em hardware.
Ver case da Wallet ↓klever.io ↗Ecossistema Klever
Projetando experiências de autocustódia, segurança em hardware, DeFi e produtos cross-chain.
Como parte de um time de três Product Designers, contribuí para um ecossistema conectado que abrangia carteiras mobile, integração com hardware, experiências no navegador, conceitos DeFi e produtos cross-chain.
Índice de produtos do ecossistema
Um ecossistema, diferentes formas de interagir com ativos digitais.
Quatro histórias de produto conectadas entre autocustódia, finanças descentralizadas, exchange cross-chain e Web3 no navegador.
Web · DeFi · Product Exploration
Bitcoin.me
Explorando uma direção mais ampla de produto DeFi.
Ir para Bitcoin.me ↓
Web · Cross-chain · B2C / B2B
VoxSwap
Swaps cross-chain e infraestrutura configurável para parceiros.
Ir para VoxSwap ↓
Browser Extension · Web3
Klever Extension
Autocustódia e interação com Web3 no navegador.
Ir para Klever Extension ↓Contexto
Cripto oferece controle às pessoas.
Também traz complexidade.
O ecossistema Klever precisava atender usuários em múltiplos ativos, contas, redes blockchain, tipos de transação e superfícies de produto, preservando clareza, segurança e controle.
Minha atuação
Projetando como parte de um time de produto.
Trabalhei em um time de três Product Designers responsável por sustentar e evoluir o ecossistema Klever.
Product Design
Fluxos, modelos de interação, design de interfaces e evolução do produto.
Design Systems
Padrões reutilizáveis, componentes e consistência em experiências cada vez mais complexas.
Produto & Engenharia
Colaboração próxima da definição do produto à implementação e ao QA de design.
01 · Ecossistema Klever
Klever Wallet
Um produto mobile de autocustódia para gerenciar ativos, contas, redes e transações financeiras.
- Platform
- iOS · Android
- Focus
- Self-custody · Portfolio · Transactions · Security
- Related product
- KleverSafe
01.1 · Autocustódia
Em autocustódia, onboarding também é um fluxo de segurança.
Criar, fazer backup e restaurar uma carteira precisava tornar a propriedade compreensível sem sugerir que a recuperação funcionava como uma redefinição convencional de senha.
01.2 · Portfólio
Um portfólio, múltiplas realidades blockchain.
A experiência de portfólio precisava consolidar contas, ativos e valor financeiro, preservando o contexto de blockchain e rede sempre que fosse relevante.
Modelo de informação
Ativo+Rede+Preço de mercado+Posições+Valor em moeda fiduciária
Tornando a complexidade multi-chain visível apenas quando importa.
Múltiplas contasMúltiplos ativosContexto de redeTokens + NFTs
Estado vazio · 1 conta / 0 cripto
Distribuição do portfólio
TokensNFTsMúltiplas contasContexto de redeDistribuição do portfólio
01.3 · Movimentando valor
Movimentando valor com segurança.
Ações financeiras precisavam permanecer previsíveis durante aquisição, seleção de destinatário, validação, confirmação e feedback da transação.
04A · Buy Crypto
Valor → Forma de pagamento → Confirmação da transação
04B · Send
Valor → Revisão → Decisão de risco
01.4 · Segurança e casos de borda
O produto também é tudo o que está fora do caminho feliz.
Privacidade, estados de conta, configuração de rede e segurança em hardware faziam parte da experiência, em vez de exceções adicionadas após os fluxos principais.
01.5 · KleverSafe
Segurança além da tela.
Estender a experiência da Wallet ao hardware significava projetar interações que atravessavam a fronteira entre software e um dispositivo físico de segurança.
Contribuí para a experiência de software que conectava Klever Wallet e KleverSafe, ajudando usuários a entender onde uma ação acontecia e quando precisavam interagir com o dispositivo físico.
01 · Conectar
Escolha como a Wallet se conecta ao KleverSafe.
02 · Verificar
A interface desloca a atenção do usuário do celular para o dispositivo físico quando uma confirmação em hardware é necessária.
03 · Autorizar
A Wallet comunica o estado da operação enquanto a autorização continua pela experiência do hardware conectado.
Design de interação
Uma interação, duas interfaces.
A segurança em hardware introduz um problema de interação inexistente em uma carteira apenas de software: a atenção do usuário precisa transitar entre o celular e um dispositivo físico sem perder contexto.
A experiência mobile precisava comunicar não apenas o que estava acontecendo, mas também onde a próxima ação deveria acontecer.
Chaves privadas offline
As chaves privadas permanecem offline no dispositivo de hardware.
Bluetooth + USB-C
O KleverSafe pode se conectar à Wallet por Bluetooth ou USB-C.
Multi-chain
O dispositivo foi projetado para proteger ativos cripto em várias redes blockchain compatíveis.
02 · Ecossistema Klever
Bitcoin.me
Explorando como o trading de cripto poderia evoluir para uma experiência mais ampla, combinando swaps, liquidez, staking, posições, recompensas e gestão de portfólio.
- Product
- Web · DeFi · Product Exploration
Direção conceitual · Não lançado
Direção de produto
The product went through multiple product and interface iterations before the team changed direction and migrated to a different ecosystem. The work shown here represents one of the product directions explored before that transition.
03 · Ecossistema Klever
VoxSwap
Um produto de swap cross-chain que evoluiu de uma experiência para usuários finais para uma infraestrutura configurável para parceiros.
- Product
- Web · Cross-chain · Consumer and Partner Products
Fazendo a exchange cross-chain parecer uma experiência única e coerente.
A experiência combinou conexão de carteira, descoberta de ativos e fluxos de transação em uma interface unificada, preservando as informações necessárias para compreender cada operação.
Começando pela carteira, não pela transação.
A interação começa estabelecendo confiança e contexto antes de pedir ao usuário que troque ativos.
Ajudando usuários a encontrar o ativo certo.
Em vez de tratar a seleção de tokens como um modal secundário, a experiência tornou busca, comparação e seleção de ativos parte do fluxo principal.
Suportando mais do que swaps imediatos.
Ordens limitadas expandiram a experiência além da troca instantânea, preservando o mesmo modelo de interação usado em todo o produto.
Transformando o produto em infraestrutura.
O projeto evoluiu além de uma interface de consumo ao introduzir um widget configurável que parceiros podiam integrar aos próprios produtos sem recriar a experiência de exchange.
04 · Ecossistema Klever
Klever Extension
Autocustódia, contas e interações Web3 no navegador.
- Product
- Browser Extension · Web3 · Self-custody
Extensão para navegador
Autocustódia, mais perto da ação.
A Klever Extension levou contas, ativos e interações Web3 ao navegador, onde os usuários já acessavam aplicações descentralizadas.
O desafio não era simplesmente reduzir a interface da Wallet para uma superfície menor. A experiência precisava preservar contexto entre contas, redes e transações, ajudando usuários a entender o que aplicações externas pediam para aprovar.
This work was developed as part of a three-person Product Design team responsible for the Klever ecosystem.
Uma superfície menor, não um produto menor.
A extensão tinha muito menos espaço que a Wallet mobile, mas os usuários ainda precisavam acessar saldos, ativos, redes e ações financeiras essenciais.
A interface priorizou hierarquia da informação e divulgação progressiva em vez de remover o contexto necessário para decisões seguras.
Conectando a carteira à web aberta.
No navegador, a carteira se torna parte de uma interação mais ampla envolvendo usuários, aplicações descentralizadas e redes blockchain.
A Extension precisava ajudar usuários a transitar entre esses contextos sem perder de vista a conta, a rede ou a aplicação ativa.
Revisão da transação
Tornando a intenção da transação visível.
Solicitações vindas de aplicações externas podem conter informações técnicas difíceis de avaliar. Antes da autorização, a interface precisava identificar a aplicação solicitante, a conta selecionada e os detalhes relevantes da transação.
O objetivo não era eliminar a complexidade, mas organizá-la para que os usuários revisassem o que importava antes de uma decisão irreversível.
In self-custody products, confirmation cannot be treated as a generic final step. It is the moment when the interface must explain who is requesting an action, what will happen and which account will authorize it.
Reflexão
Projetando para ações que começam fora do produto.
Adaptar a Wallet ao navegador exigiu mais do que layout responsivo. Exigiu reconsiderar hierarquia, contexto e risco em um ambiente onde ações financeiras muitas vezes começam fora do próprio produto.
Reflexão
O que aprendi com este projeto
Simplificar uma experiência nem sempre significa esconder a complexidade. Em produtos financeiros, algumas informações são essenciais para decisões seguras. O papel do designer é entender quando a complexidade deve desaparecer e quando precisa se tornar visível.