Jan Klever

Product Designer na Globo

Lia Checkout

Lia Checkout

Liderando a visão de design na Lia, reestruturei a experiência de checkout para suportar a transição estratégica da marca para o mercado de educação digital.

O resultado foi um equilíbrio entre conversão agressiva e segurança de crédito, processando mais de R$ 24 milhões em GMV.


ANTIGA NOVA

Sobre a Lia

A Lia é uma fintech brasileira especializada em pagamentos para o mercado de educação digital. A plataforma conecta infoprodutores e escolas digitais aos seus alunos, oferecendo métodos de pagamento que aumentam conversão, com boleto e Pix parcelados, antecipação garantida de recebíveis e cobrança humanizada.

O contexto

O mercado de criadores de conteúdo e educação digital no Brasil é expressivo: são 20 milhões de creators ativos, dentro de um ecossistema global que movimenta mais de 100 bilhões de dólares por ano.

Antes de entrar nesse mercado, a Lia atuava no segmento K12, o ensino básico. A mudança de foco foi uma decisão estratégica relevante: um novo nicho, novos parceiros, novos comportamentos de compra. O produto precisava ser repensado do zero.

US$100B ecossistema global 20M criadores no Brasil K12 nicho anterior

O problema

Um checkout de pagamento parcelado envolve três partes com interesses distintos.

O aluno quer pagar de forma simples e acessível, sem fricção. O parceiro, o infoprodutor ou escola, quer vender mais e receber rápido. A Lia assume o risco de inadimplência e precisa de informações suficientes para operar com segurança.

Projetar para esse triângulo significava resolver uma tensão real: simplificar ao máximo a experiência de compra sem abrir mão das validações que protegem o negócio.

Objetivo

Criar uma solução de pagamento que atenda as necessidades reais dos alunos, parceiros e Lia.

Meu papel

Fui responsável pelo design do checkout de ponta a ponta, da arquitetura de fluxo à interface final, passando pela criação dos componentes de UI que sustentariam o produto.

Atuei em três frentes: mapeamento de fluxo e arquitetura de jornada, adaptação e estilização dos componentes, e design da interface do checkout.

Pesquisa

Antes de partir para a solução, validamos hipóteses com os próprios alunos via pesquisa quantitativa. Alguns dados chamaram atenção.

PERFIL VULNERÁVEL ALTA INTENÇÃO R$ 2,9k renda máxima da maioria 63% nunca usou financiamento 55% quer mudar de carreira ou se especializar LIA

A maioria dos alunos não possui renda fixa ou tem renda de até R$ 2.900, o que reforçava a necessidade de parcelamento como critério de acessibilidade, não apenas de conveniência. Mais de 55% queriam se especializar ou mudar de carreira, sinalizando alta intenção e disposição para investir. E quase 63% nunca havia utilizado financiamento antes, o que exigia uma experiência especialmente clara e sem jargão financeiro.

Arquitetura de fluxo

O checkout foi estruturado em dois caminhos distintos, cada um com sua lógica de validação.

A compra direta, via cartão, boleto à vista ou Pix, segue um fluxo de quatro etapas: dados pessoais, método de pagamento, pagamento e confirmação. É o caminho mais curto, com uma única validação de antifraude no início.

Fluxo de checkout Lia

O financiamento, via parcelamento em boleto ou Pix, tem uma jornada um pouco mais longa: dados pessoais, preferências do financiamento, validações de antifraude, identidade, celular e e-mail, pagamento da entrada e confirmação. Esse caminho exige mais do aluno porque envolve mais risco para a Lia e mais compromisso financeiro.

A separação clara entre os dois caminhos foi uma decisão deliberada. Não fazia sentido criar uma jornada única que sobrecarregasse todos os usuários com etapas que só fazem sentido para alguns.

Componentes e identidade

Para sustentar o checkout com consistência e velocidade, estilizamos o Shadcn com a identidade visual da Lia, que também criei nesse projeto. Botões, inputs, tabs, toggles, chips, tags, sliders, menus e tabelas foram adaptados para refletir a nova marca, com uma paleta de cores estruturada em tokens e hierarquia clara de uso.

A acessibilidade foi tratada como critério não negociável desde o início. As cores principais atingem WCAG 4.8:1 (AA) e 12.63:1 (AAA), com APCA 72 e 98 respectivamente.

Paleta de cores Lia
Componentes da biblioteca

O checkout

A interface foi projetada para ser simples e confiável, as duas qualidades mais importantes para um produto financeiro usado por pessoas que, em sua maioria, nunca fizeram um financiamento antes.

Exemplo de checkout
Etapas do checkout no celular

A compra é dividida em etapas claras para facilitar o preenchimento e reduzir o abandono. O método de pagamento é apresentado de forma direta, com destaque para o boleto parcelado, o diferencial da plataforma. As parcelas são escolhidas com transparência: valor, juros e vencimento visíveis antes da confirmação.


Resultados

~5 milalunos ativos

+14 milpedidos realizados

+R$ 24Mem GMV processado