Dotz Parcela (BNPL)
Uma solução de pagamentos para parcelar compras no varejo físico com clareza e controle.
- Fintech
- App
- Discovery
- UX / UI
- Motion
- Service design
- Estratégia de produto
- Design system
- Função
- Product Designer Sênior
- Responsabilidades
- Benchmarking, entrevistas com usuários, dinâmicas de ideação, fluxos de usuário, prototipação, criação e documentação de componentes, testes de usabilidade, monitoramento de performance e service design.
- Empresa
- Dotz
- Plataforma
- Aplicativo mobile
- Segmento
- Fintech
O Dotz Parcela é uma solução financeira que permite aos consumidores parcelar compras em lojas físicas, sem precisar de cartão de crédito, e acumular pontos a cada transação, integrando crédito e o programa de fidelidade da Dotz.
Nesse projeto eu apliquei a abordagem de Design Thinking, em quatro etapas:
Discovery: Conduzi pesquisas com usuários e análises de mercado para compreender comportamentos, identificar barreiras e mapear oportunidades para o produto.
Ideação e Definição: Colaborei com o time multidisciplinar na exploração de ideias, formulação de hipóteses e priorização de soluções com potencial de gerar valor para os usuários e para o negócio.
Prototipação: Transformei os direcionamentos definidos em protótipos de baixa e alta fidelidade, explorando e refinando os principais fluxos e interações da experiência.
Testes de usabilidade: Conduzi testes para avaliar a compreensão e a facilidade de uso dos fluxos, identificando pontos de atrito e oportunidades de melhoria.
Confira como foi o processo completo de descoberta, planejamento e criação do projeto.
Discovery
Entendendo o problema, objetivos e oportunidades
Problema de negócio
Digitalizar a experiência de compra em lojas físicas e ampliar o acesso aos produtos financeiros da Dotz para uma parcela significativa de clientes que utilizava o programa de fidelidade diretamente nas lojas parceiras, sem interação com o aplicativo.
Público-alvo
O Dotz Parcela tem como público principal consumidores brasileiros das classes socioeconômicas B-, C e D, com foco em oferecer flexibilidade de pagamento, acesso ao crédito e benefícios de fidelidade.
Objetivos
- Digitalizar clientes que utilizavam a Dotz exclusivamente nas lojas físicas;
- Aumentar a adesão e o uso do SuperApp Dotz;
- Ampliar a geração de receita por meio da solução financeira;
- Facilitar o acesso ao crédito para clientes Dotz.
Benchmark e análise competitiva
Antes do Dotz Parcela virar um projeto eu conduzi uma benchmark com players internacionais para entender padrões e oportunidades de mercado.
| Features | Klarna | Afterpay | Affirm | LayBuy | Pay Later | Zip | Payl8r | Hoolah | Alma | Sezzle |
|---|---|---|---|---|---|---|---|---|---|---|
| Tem aplicativo próprio | ||||||||||
| Gestão de faturas no App | ||||||||||
| Oferece API's para integração externa | ||||||||||
| Permite pagamentos em lojas físicas | ||||||||||
| Oferece cartão virtual | ||||||||||
| Oferece cartão físico | ||||||||||
| Aplica juros no parcelamento | ||||||||||
| Tem cashback ou programa de pontos |
Pesquisas com usuários
Questionário online - Survey
- Objetivo
- Entender o interesse dos usuários em um produto que permite pagar e parcelar compras em lojas físicas pelo SuperApp Dotz.
- Metodologia
- Pesquisa quantitativa com usuários, realizada por meio de web survey.
- Participantes
- 243 participantes, divididos em dois grupos:
- Usuários já cadastrados no aplicativo da Dotz, com conta digital criada.
- Usuários cadastrados na Dotz, mas que utilizam o programa apenas em lojas físicas.
Resultados
Não conheciam os serviços financeiros oferecidos pelo SuperApp Dotz.
Já haviam parcelado compras de supermercado.
Afirmaram que comprariam mais se tivessem a opção de parcelamento.
Já deixaram de comprar por falta de limite ou por não caber no orçamento mensal.
Em uma escala de 1 a 10, a probabilidade de uso do produto foi avaliada em 7,2.
Principais insights
Usuários conheciam a Dotz, mas não seus serviços financeiros
- Evidência
- 61% dos participantes não conheciam os serviços financeiros oferecidos pelo app da Dotz.
- Impacto
- Baixa descoberta das soluções financeiras.
- Decisão
- Integrar fidelidade e serviços financeiros em uma mesma jornada.
O parcelamento já fazia parte do comportamento de compra
- Evidência
- 69% dos participantes já haviam parcelado compras em supermercados.
- Impacto
- O produto poderia digitalizar um hábito existente.
- Decisão
- Tornar o parcelamento o principal valor da solução.
Crédito e orçamento limitavam decisões de compra
- Evidência
- 59% já deixaram de comprar por limite ou orçamento.
- Impacto
- Havia demanda por maior flexibilidade de pagamento.
- Decisão
- Oferecer parcelamento com condições claras e previsíveis.
Havia interesse em uma solução de pagamento parcelado
- Evidência
- 54% comprariam mais; intenção de uso: 7,2/10.
- Impacto
- Potencial de geração de valor para usuários e negócio.
- Decisão
- Criar o Dotz Parcela integrado ao ecossistema Dotz.
Ideação e definição
Das descobertas ao escopo do produto
Personas e público alvo
As personas do Dotz Parcela foram construídas a partir da combinação de estudos anteriores realizados pela Dotz e dos insights obtidos nas pesquisas conduzidas especificamente para o projeto. Essa análise permitiu identificar diferentes perfis, necessidades, comportamentos e expectativas em relação a crédito, parcelamento e benefícios.
As principais personas consideradas durante a definição da experiência e a ideação do produto, foram:
Sandra
De olho no orçamento
Sandra é uma consumidora frequente, mas possui acesso limitado ao crédito tradicional.
Necessidades
Parcelar compras em valores acessíveis para equilibrar seu orçamento mensal. Obter benefícios adicionais para economizar dinheiro ou trocar por produtos úteis.
Motivações
Vê o Dotz Parcela como uma solução confiável que combina flexibilidade de pagamento com recompensas que fazem diferença no seu dia a dia.
Nível de engajamento
Nível de digitalização
Pedro
Tradicional
Pedro é um consumidor tradicional que prefere pagar suas compras com métodos convencionais.
Necessidades
Conveniência nos pagamentos e a possibilidade de acumular pontos Dotz nas compras do dia a dia. Confiança em soluções com as quais já está familiarizado.
Motivações
Ele valoriza a praticidade de parcelar pagamentos enquanto descobre novas vantagens.
Nível de engajamento
Nível de digitalização
Lucas
O empreendedor conectado
Lucas é um jovem empreendedor que busca soluções para otimizar seu fluxo de caixa.
Necessidades
Parcelar compras em valores acessíveis para equilibrar seu orçamento mensal. Obter benefícios adicionais para economizar dinheiro ou trocar por produtos úteis.
Motivações
Planos de parcelamento acessíveis, ferramentas que ajudem a organizar melhor suas finanças e benefícios extras, como recompensas.
Nível de engajamento
Nível de digitalização
Organização dos achados e priorização das features
Depois de definir as personas, eu conduzi algumas dinâmicas com o time para analisar os achados, mapear as dúvidas, definições e priorizar as features da primeira fase do produto.
Matriz CSD
Para organizar o conhecimento disponível e identificar o que ainda precisava ser validado, eu conduzi uma dinâmica de Matriz CSD com time de negócios,
No Dotz Parcela, a matriz ajudou a separar as certezas sobre o produto, as hipóteses de negócio e as dúvidas sobre a experiência de pagamento, a integração com o PDV e o comportamento dos usuários.
Matriz de priorização
Depois, conduzi uma Matriz de priorização com o time de negócios e de desenvolvimento.
Essa dinâmica ajudou a definir quais necessidades, regras de negócio e funcionalidades deveriam ser priorizadas na primeira fase do produto, e quais melhorias poderiam ser desenvolvidas posteriormente.
Necessidades dos usuários e hipóteses de direcionamento (JTBD)
Após as pesquisas com usuários, a análise de mercado e o alinhamento com as necessidades do negócio, sintetizamos os principais objetivos que os usuários buscavam alcançar ao realizar compras parceladas, transformando os aprendizados da descoberta em direcionamentos para a concepção e priorização das funcionalidades do Dotz Parcela. Os principais objetivos definidos foram:
Agilidade no pagamento
- Necessidade
- Concluir compras em lojas físicas de forma rápida e simples.
- Direcionamento
- Reduzir etapas e simplificar o fluxo de pagamento.
Flexibilidade financeira
- Necessidade
- Distribuir o valor das compras de acordo com o orçamento disponível.
- Direcionamento
- Oferecer pagamento à vista ou parcelado, com condições transparentes.
Controle dos pagamentos
- Necessidade
- Acompanhar parcelas e organizar as despesas mensais.
- Direcionamento
- Centralizar faturas, limite e pagamentos em uma única experiência.
Benefícios de fidelidade
- Necessidade
- Continuar acumulando pontos e obtendo benefícios ao comprar.
- Direcionamento
- Integrar o parcelamento ao programa de fidelidade Dotz.
Fluxos de usuários
Com base nas descobertas da etapa de discovery, as regras de negócio foram definidas para a primeira fase do produto, e então criei os três fluxos principais. Cada fluxo foi estruturado para simplificar a jornada de compra, ampliar o acesso ao crédito e integrar os serviços financeiros ao ecossistema Dotz, contribuindo para a digitalização dos clientes e o crescimento do negócio.
Para utilizar o Dotz Parcela, o usuário precisa ter uma conta ativa na Dotz e passar por uma análise de crédito. Para simplificar essa etapa, o fluxo reaproveita os dados já informados no cadastro, incluindo os cadastros feitos em lojas físicas, reduzindo o preenchimento de informações e tornando a adesão mais rápida e intuitiva.
Objetivos de negócio
- Digitalizar clientes que utilizavam a Dotz exclusivamente nas lojas físicas.
- Aumentar a adesão ao SuperApp Dotz.
- Facilitar o acesso ao crédito para clientes Dotz.
Prototipação
Das definições a entrega final
Wireframes - design de baixa fidelidade
Os fluxos foram traduzidos primeiro em wireframes de baixa fidelidade para validar a hierarquia da informação, sequência e estados antes do refinamento visual. Todas as decisões de design foram orientadas por heurísticas de usabilidade para garantir uma experiência do usuário fluida e intuitiva.
1. Análise de crédito e adesão (parte 1)
Design final
O produto Dotz Parcela foi desenvolvido para promover a inclusão financeira e digitalizar clientes que utilizavam o programa Dotz exclusivamente em lojas físicas, ampliando o acesso ao crédito e facilitando o parcelamento de compras.
Na primeira fase, o produto contempla os fluxos de análise de crédito, pagamento de compras nas lojas físicas e gerenciamento de faturas, oferecendo mais segurança e conveniência aos usuários.
A interface apresenta as informações necessárias de forma clara e intuitiva, permitindo que os usuários realizem seus pagamentos de maneira rápida e simples, em poucos cliques, com transparência sobre taxas, prazos e condições de pagamento.
'%3e%3crect%20width='650'%20height='650'%20fill='%23D6C6B2'/%3e%3ccircle%20cx='334.5'%20cy='938.5'%20r='542.5'%20fill='%23FEC114'/%3e%3cellipse%20cx='334.5'%20cy='935'%20rx='439.5'%20ry='439'%20fill='%23D82598'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2807_2372'%3e%3crect%20width='650'%20height='650'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Padrões da marca
No projeto Dotz Parcela utilizei os padrões de marca definidos no branding booking e no design system da empresa.
Grid
Mobile - 4 colunas - grid fluído
50px
(coluna variável)
24px
(gutter)
24px
(margem)
320px
Mínimo
64px
(coluna variável)
24px
(gutter)
24px
(margem)
375px
Padrão
67px
(coluna variável)
24px
(gutter)
24px
(margem)
390px
Telas maiores
Cores
Cores primárias
Cores complementares
Cores da marca
Cores para feedback positivo
Cores para conteúdo
Cores para alertas
Cores para superfícies
Cores para feedback negativo
Tipografia
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Aa
Regular
Aa
Medium
Aa
Semi-Bold
Aa
Bold
Títulos
Extra large
Lorem ipsum
size: 32 / l-height: 48 / weight: 600
Large
Lorem ipsum
size: 24 / l-height: 40 / weight: 600
Medium
Lorem ipsum
size: 20 / l-height: 32 / weight: 600
Small
Lorem ipsum
size: 16 / l-height: 24 / weight: 600
Textos descritivos
Regular
Almost before we knew it, we had left the ground.
size: 16 / l-height: 24 / weight: 500
Medium
Almost before we knew it, we had left the ground.
size: 14 / l-height: 24 / weight: 500
Small
Almost before we knew it, we had left the ground.
size: 12 / l-height: 16 / weight: 500
Tags
Almost before we knew it, we had left the ground.
size: 12 / l-height: 16 / weight: 700 / spacing: 1.2
Botões
Large
Button Text Large
size: 16 / l-height: 24 / weight: 700
Medium
Button Text Medium
size: 14 / l-height: 20 / weight: 700
Small
Button Text Small
size: 12 / l-height: 20 / weight: 700
Principais fluxos do Dotz Parcela
Às três principais jornadas tem foco em facilitar a tomada de decisão e aproximar os clientes do ecossistema digital da Dotz, priorizando a hierarquia visual e a transparência das informações financeiras, destacando valores, parcelas, taxas e vencimentos para ajudar os usuários a compreender as condições antes de confirmar uma operação.
1. Análise de crédito e adesão
O fluxo reaproveita os dados pessoais, endereço e documentos informados pelo usuário no cadastro da Conta Digital Dotz, reduzindo o preenchimento de informações e tornando a análise e adesão mais rápida e intuitiva.
Feedback positivo e cenários da Home
Após a aprovação do crédito, o usuário acessa a Home do Dotz Parcela, onde pode consultar seu limite disponível, a data de vencimento e a próxima fatura. A tela também reúne as principais funcionalidades de gerenciamento, como realizar pagamentos, bloquear o limite, ajustar as configurações de limite e vencimento e consultar as lojas parceiras, oferecendo mais autonomia e praticidade no uso do produto.
Defesa de design - Sub-home Dotz Parcela
A Sub-home foi estruturada para dar visibilidade imediata ao limite disponível e à situação da fatura, facilitar o acesso às ações mais importantes e organizar os conteúdos complementares em níveis de prioridade. A combinação de hierarquia visual, agrupamento e padrões familiares busca reduzir o esforço de navegação e dar mais autonomia ao usuário na utilização do Dotz Parcela.
Limite disponível e informações do produto
- Hierarquia visual: o limite disponível recebe maior destaque, seguido pelo limite total e pelas datas da fatura.
- Agrupamento: informações financeiras relacionadas ficam próximas, facilitando a consulta.
- Lei de Jakob: utiliza padrões familiares de aplicativos financeiros para facilitar o reconhecimento das informações.
Atalhos de ação
- Acesso rápido: reúne as principais ações do produto: pagar compra, aumentar limite, configurar e bloquear.
- Lei de Fitts: facilita o acesso às funcionalidades por meio de alvos de interação bem identificados.
- Heurística de Nielsen — Reconhecimento em vez de memorização: mantém as ações visíveis, reduzindo a necessidade de navegar por menus.
Fatura mensal
- Hierarquia da informação: destaca o valor da fatura, seguido pelo status, vencimento e CTA para consultar e pagar.
- Contraste: diferencia a ação principal das demais informações.
- Heurística de Nielsen — Visibilidade do status do sistema: identifica a situação da fatura, seja em andamento, fechada ou em atraso.
Lojas parceiras
- Descoberta: apresenta onde o Dotz Parcela pode ser utilizado.
- Reconhecimento visual: utiliza cards e elementos visuais para facilitar a identificação dos parceiros.
- Hierarquia visual: mantém o conteúdo em segundo plano, priorizando as informações financeiras.
Troque e pague depois
- Integração de serviços: conecta o crédito ao marketplace Dotz, permitindo parcelar os pontos que faltam para uma troca.
- Hierarquia e agrupamento: organiza os produtos em cards para facilitar a exploração.
- Evolução do produto: funcionalidade prevista para a segunda fase.
2. Pagamento na loja
Para pagar com o Dotz Parcela, o usuário deve informar ao caixa que deseja utilizar essa modalidade. Em seguida, recebe uma notificação push que o direciona à tela de confirmação da compra, onde pode conferir os detalhes da transação e prosseguir com o pagamento.
Defesa de design - Compra em andamento
A tela prioriza a compreensão da compra, a escolha da forma de pagamento e a transparência das condições antes da confirmação. A hierarquia visual, o destaque da opção selecionada e a proximidade do aceite aos termos ajudam a orientar o usuário em um fluxo objetivo, pensado para agilizar o pagamento nas lojas físicas.
Identificação da compra
- Hierarquia visual: destaca o estabelecimento e o valor da compra, priorizando as informações essenciais para a confirmação.
- Cross-sell: os pontos Dotz aparecem próximos ao valor, conectando a compra ao programa de fidelidade.
- Lei de proximidade: agrupa informações relacionadas para facilitar a leitura e a compreensão da transação.
Formas de pagamento
- Comparação visual: organiza as opções “À vista” e “Parcelado” em cards, facilitando a identificação das alternativas.
- Destaque e contraste: utiliza borda e seleção em laranja para evidenciar a opção escolhida.
- Lei de Hick: apresenta as alternativas de forma objetiva, simplificando a tomada de decisão.
Seleção de parcelas e condições
- Hierarquia da informação: destaca o número de parcelas e o valor de cada uma, seguido pelas condições de pagamento.
- Transparência: informa o prazo para quitar a compra sem juros e todas as taxas e encargos da parcela selecionada.
- Heurística de Nielsen — Visibilidade do status do sistema: evidencia a opção selecionada na escolha das parcelas e no card da tela inicial, também permite editar o parcelamento.
Aceite dos termos
- Proximidade: posiciona o aceite próximo ao botão de confirmação, relacionando a ação ao compromisso contratual.
- Prevenção de erros: utiliza um checkbox explícito para registrar a concordância com os termos.
- Heurística de Nielsen — Prevenção de erros: torna o aceite uma etapa clara antes da conclusão da compra.
CTA — Confirmar compra
- Destaque visual: utiliza cor, contraste e tamanho para diferenciar a ação principal dos demais elementos.
- Hierarquia primária: posiciona o botão no final do fluxo, após a escolha do pagamento e a leitura dos termos.
- Lei de Fitts: oferece uma área de toque ampla, facilitando a conclusão da compra em dispositivos móveis.
Pagamento de faturas
O fluxo de pagamento de faturas foi desenvolvido para oferecer praticidade e flexibilidade na gestão das compras realizadas com o Dotz Parcela. Os usuários podem consultar o extrato detalhado das transações do mês e quitar suas faturas utilizando o saldo da conta, via Pix ou boleto. A experiência também permite parcelar a fatura, antecipar parcelas ou quitar compras antecipadamente, oferecendo mais autonomia e controle sobre os pagamentos.
Defesa de design - Faturas e Detalhes da compra
A tela organiza a consulta financeira em uma sequência clara: valor e status da fatura, navegação entre períodos, opções de pagamento e extrato de compras. A hierarquia visual e o agrupamento das informações facilitam o acompanhamento dos gastos e oferecem mais autonomia para gerenciar os pagamentos.
Valor e status da fatura
- Hierarquia visual: destaca o valor da fatura como informação primária, seguido pelo status e pela data de vencimento.
- Contraste e pesos tipográficos: diferenciam o valor principal das informações complementares.
- Heurística de Nielsen — Visibilidade do status do sistema: facilita a identificação da situação da fatura e dos prazos de pagamento.
Navegação entre meses
- Consistência: utiliza um controle de período para navegar entre as faturas mensais.
- Feedback visual: atualiza as informações conforme o mês selecionado, mantendo o contexto da consulta.
- Heurística de Nielsen — Visibilidade do status do sistema: ajuda o usuário a identificar qual período está visualizando.
Alerta promocional de pontos Dotz
- Destaque visual: utiliza um elemento promocional para chamar a atenção para os pontos acumulados ao pagar a fatura em dia.
- Integração de produtos: conecta o pagamento do crédito ao programa de fidelidade Dotz.
- Hierarquia secundária: mantém a oferta em evidência sem competir com o valor e o status da fatura.
Ações de pagamento
- Agrupamento funcional: reúne as opções de pagar, parcelar, antecipar parcelas e quitar compras.
- Clareza e autonomia: apresenta alternativas para diferentes necessidades de pagamento.
- Heurística de Nielsen — Controle e liberdade do usuário: oferece flexibilidade para gerenciar os compromissos financeiros.
- Lei de Fitts: destaca as ações em botões próprios, facilitando sua identificação e seleção.
Extrato detalhado de compras
- Agrupamento por data: organiza as transações cronologicamente, facilitando a consulta dos gastos.
- Hierarquia da informação: destaca o estabelecimento e o valor da compra, complementados pelo número de parcelas.
- Consistência visual: mantém um padrão entre os itens do extrato para facilitar a leitura e a comparação.
- Heurística de Nielsen — Reconhecimento em vez de memorização: permite localizar compras e acessar seus detalhes sem precisar memorizar informações da transação.
Principais resultados
Novos contratos por mês
Volume mensal alcançado no primeiro ano do Dotz Parcela.
AtivaçãoTaxa de conclusão no pagamento
86% dos usuários que aceitaram pagar com o Dotz Parcela concluíram o fluxo de pagamento nas lojas físicas.
ExperiênciaEm receita mensal para a Dotz
Média da receita gerada mensalmente pela solução no primeiro ano de lançamento.
ConversãoTaxa de retorno
Voltaram a utilizar o Dotz Parcela durante o primeiro ano do produto.
RetençãoCES na jornada de pagamento
Pontuação de esforço do usuário, em uma escala de 1 a 5, na jornada de pagamento e parcelamento em lojas físicas.
CES - Customer Effort Score
