Alexa Cruz

App mobile · Fintech

Proposta de layout — Cacau

App de antecipação de recebíveis: um fluxo financeiro denso traduzido em telas leves e calorosas.

Ver no Behance
Papel
UI Design · Proposta visual
Contexto
Cacau · antecipação de títulos para empresas
Ferramentas
Figma

Visão geral

O desafio

Antecipação de recebíveis envolve CNPJ, XML de nota fiscal, datas e limites de crédito. É um fluxo intimidador para pequenos empresários, e a proposta precisava torná-lo acolhedor sem perder a seriedade financeira.

Como foi resolvido

A proposta partiu de uma paleta quente inspirada no próprio cacau, tipografia geométrica arredondada (Poppins) e componentes em pílula. Cada tela foi pensada com uma única ação principal, e o limite de crédito passou a ser exibido como um medidor em vez de uma tabela.

O que mudou

Um conjunto coeso de telas (onboarding, biometria, dashboard, inclusão de título e estados vazios) apresentado como proposta visual para o produto.

Processo

  1. Referências

    Benchmark de apps financeiros e moodboard de tons terrosos e cítricos.

  2. Fluxos

    Mapeamento de login, biometria, consulta de limite e nova operação.

  3. Layout

    Telas em alta fidelidade com foco em uma ação por tela.

  4. Apresentação

    Mockups e publicação do case no Behance.

Telas

Design system

Cacau UI

Sistema reconstruído a partir das telas da proposta: cores amostradas diretamente dos layouts, escala tipográfica em Poppins e componentes em pílula.

  1. Caloroso, não infantil

    Laranja como energia; cinzas e branco como seriedade financeira.

  2. Uma ação por tela

    Um CTA cheio por tela; ações secundárias viram link ou botão de contorno. A exceção são diálogos de confirmação, com o par confirmar/cancelar.

  3. Números que se leem

    Valores em destaque, rótulos discretos e visualização antes de tabela.

Aprendizados

  • Mostrar o limite de crédito como medidor deixa a tela mais importante do app muito mais fácil de ler.

  • O laranja da marca com texto branco fica em 2,97:1 e não atinge o contraste AA (4,5:1). Numa evolução da proposta, escurecer o tom do botão resolveria sem perder a identidade.