Fintech B2B · Product Design · 2024Cinco projetos que cobrem desde Product Design de plataforma B2B até o website institucional — ativação, compliance, onboarding e presença digital para uma fintech de mercado de capitais.
Reestruturação da Home da plataforma Bloxs para direcionar usuários, ativar fluxos críticos e adaptar a experiência conforme perfil e momento da jornada.
A Home existente funcionava como uma vitrine estática — não orientava o usuário sobre qual ação realizar ao acessar a plataforma, especialmente nos primeiros acessos. O projeto transformou esse ponto de entrada em um hub de direcionamento contextual.
A experiência não se adaptava ao perfil do usuário nem ao momento da jornada, gerando baixa ativação inicial.
A experiência não se adaptava ao perfil (Buy Side ou Sell Side).
O momento da jornada (onboarding vs. uso recorrente) não era considerado.
Dependência excessiva de banners genéricos para promover ações importantes.
Comportamento exploratório sem clareza de próximos passos.
O foco não foi validar uma interface específica, mas entender como os usuários tomavam decisões ao acessar a Home.
Usuários buscavam ações imediatas, mas não encontravam direcionamento claro.
Banners apresentavam baixa efetividade (banner blindness).
A criação de workspace parecia opcional quando era essencial.
Perfis Buy Side e Sell Side tinham expectativas completamente diferentes.
"Este projeto reforçou a importância de tratar a Home como um elemento estratégico de produto, capaz de direcionar comportamento e reduzir complexidade, especialmente em plataformas B2B com múltiplos perfis."
Redesign do fluxo de cadastro para reduzir fricção inicial, qualificar usuários desde o primeiro contato e preparar a experiência conforme perfil, intenção e regras de negócio.
O projeto repensar a porta de entrada da plataforma Bloxs — transformando um fluxo operacional e burocrático em uma experiência orientada à intenção do usuário e às necessidades do negócio. Mais do que permitir acesso, o cadastro passou a ter um papel estratégico: qualificar, coletar e preparar.
O fluxo de cadastro anterior apresentava barreiras significativas logo no primeiro contato com a plataforma.
Cadastro longo e pouco contextualizado, gerando abandono.
Coleta de informações sem clareza de valor para o usuário.
Falta de diferenciação entre perfis (Buy Side e Sell Side).
Ausência de preparação para os fluxos críticos pós-login.
Primeira experiência desconectada do real valor do produto.
O objetivo não era apenas 'simplificar o formulário', mas entender quais informações eram realmente críticas naquele momento da jornada.
Usuários não entendiam por que certas informações eram solicitadas.
Perguntas importantes estavam misturadas com dados que poderiam ser coletados depois.
Buy Side e Sell Side tinham motivações completamente diferentes ao se cadastrar.
O cadastro era visto como um obstáculo, não como parte da proposta de valor.
"O cadastro não deve ser tratado como um requisito técnico, mas como um momento decisivo da experiência — capaz de influenciar percepção de valor, engajamento e sucesso do usuário desde o primeiro contato com o produto."
Reestruturação do fluxo de onboarding da plataforma Bloxs para transformar o primeiro acesso em uma jornada guiada, reduzindo fricção inicial e conectando usuários às funcionalidades principais do produto.
O fluxo anterior apresentava uma sequência de telas desconectadas do uso real da plataforma, dificultando que novos usuários compreendessem rapidamente como iniciar sua operação. O projeto reestruturou a jornada de entrada desde a identificação inicial até a configuração do workspace.
O onboarding anterior funcionava como uma sequência isolada de perguntas, sem conexão clara com o que o usuário precisava configurar para começar a utilizar a plataforma.
O fluxo não conectava diretamente com ações reais dentro do produto.
Falta de clareza sobre os próximos passos após a conclusão do onboarding.
Baixo entendimento do valor da plataforma logo no primeiro acesso.
Ausência de configuração inicial essencial, como criação de workspace.
O objetivo não era apenas 'simplificar o formulário', mas entender quais informações eram realmente críticas naquele momento da jornada.
O onboarding anterior não preparava o usuário para usar o produto.
Informações eram coletadas, mas não traduzidas em ações dentro da plataforma.
A criação de workspace acontecia de forma desconectada da jornada inicial.
Muitos usuários finalizavam o onboarding sem saber o que fazer em seguida.
"Mais do que coletar informações, o onboarding precisa preparar o usuário para extrair valor do produto o mais rápido possível. Tratar a entrada como etapa estratégica de ativação — e não como burocracia — muda fundamentalmente o engajamento inicial."
Design de portal white-label para distribuição de ofertas de investimento com conformidade CVM 88 e CVM 160 — traduzindo regras regulatórias densas em uma jornada que investidores realmente conseguem navegar.
Regulamentações financeiras normalmente destroem a experiência do usuário. O desafio foi transformar regras legais pesadas em um portal que faz sentido para investidores comuns — escalável para múltiplos parceiros, cada um com sua própria marca, sem que nenhum passo de compliance pudesse ser pulado.
Distribuir ofertas de investimento é um campo minado regulatório. A CVM 88 exige uma coisa, a CVM 160 exige outra. Cada parceiro quer sua própria marca, mas nenhuma dessas regras pode ser quebrada.
CVM 88 limita quanto cada pessoa pode investir por ano; CVM 160 não tem limite — duas lógicas diferentes, um único codebase.
O que exibir para quem não fez login depende da regulação aplicável — a linha é tênue.
KYC, consentimentos, assinaturas eletrônicas e comprovantes de pagamento: cada etapa precisa de trilha de auditoria.
E se um documento mudar durante uma oferta? O investidor precisa re-aceitar? Qual versão vale?
A maior parte do fluxo é compartilhada. O que muda são verificações específicas — limites, tipo de consentimento, nível de disclosure. Componentes reutilizáveis com flags de contexto.
Usuários precisavam de clareza imediata sobre o que estavam comprando e quais eram os riscos.
Consentimentos agrupados numa etapa, mas cada termo com seu próprio checkbox — registrados individualmente.
Simulações de retorno só com disclaimer padrão, sem exceções.
Documentos versionados: se mudou, re-consentimento obrigatório com a versão anterior registrada.
"Separar o que é personalizável do que é intocável foi a decisão central do projeto. Essa distinção permitiu escalar para múltiplos parceiros sem comprometer nenhuma exigência regulatória — e sem exigir um projeto customizado para cada um."
Como comunicar uma plataforma financeira complexa para dois públicos completamente diferentes — sem simplificar demais nem complicar — num único endereço digital.
A Bloxs é uma plataforma de tecnologia para mercado de capitais que gerencia desde originação digital até securitização, distribuição e gestão fiduciária. O site precisava explicar toda essa cadeia de serviços para dois grupos muito distintos: emissores buscando captar e investidores institucionais buscando oportunidades. Projeto realizado em parceria com a Insany Design.
Sites de fintech B2B em mercado de capitais geralmente caem em dois extremos: tão técnicos que só especialistas entendem, ou tão genéricos que não dizem nada. A Bloxs precisava de um meio-termo.
Comunicar produtos complexos de mercado de capitais de forma que qualquer pessoa compreenda.
Servir dois públicos completamente diferentes: emissores (sell side) e investidores (buy side).
Transmitir credibilidade institucional sem parecer engessado ou corporativo.
Framework regulatório denso (CVM 88, 160, 175) que precisa ser visível, mas não intimidador.
A divisão acontece imediatamente. Quem você é define o que você vê primeiro — emissores e investidores têm caminhos separados e dedicados desde a homepage.
Sell side quer escala: estruturação, distribuição e compliance numa plataforma só.
Buy side quer oportunidade: descoberta de deals com filtros inteligentes e dados prontos para decisão.
Confiança precisa ser visível: selos ANBIMA, certificações, subsidiárias reguladas — tudo na homepage.
CTA estratégico em cada seção: agendar demo, criar conta, falar com o time. Sempre um próximo passo claro.
"Projetar para dois públicos distintos numa mesma homepage exige clareza arquitetural antes de qualquer decisão visual. A divisão sell side / buy side precisava acontecer imediatamente — qualquer ambiguidade no início da jornada fragmentava a experiência para os dois lados."
