Etapas e trabalho manual
Solicitações e operações exigiam preenchimentos e caminhos pouco eficientes.
Direção: tornar o percurso compreensível e aproximar os serviços da interface.SOLAR BANCO · PARAGUAIPRODUCT DESIGN / MOBILE + WEB
Um banco mais simples.
Sem perder sua identidade.
Do diagnóstico das jornadas à evolução da interface: conectando necessidades das pessoas, regras bancárias e uma experiência reconhecível como Solar.
MEU PAPEL
Product Designer / UX Designer
EM COLABORAÇÃO
NTConsult + Solar Banco
PROJETO
Redesenho da banca digital · 2023–2024
Telas originais do projeto em mockups animados criados para este portfolio. Dados dos protótipos ocultados.
01 / O DESAFIOCLAREZA EM UM PRODUTO COMPLEXO
Não era apenas
redesenhar telas.
Pagamentos, transferências, contas e solicitações precisavam fazer sentido como uma experiência completa. O trabalho reuniu design, produto, tecnologia e áreas do banco para discutir o que mudar e como manter coerência entre app e web.
Minha contribuição envolveu discovery, interfaces e protótipos, evolução da base visual, reuniões de validação e apoio ao handoff. As decisões foram construídas com o time multidisciplinar e os interlocutores do Solar.
02 / DISCOVERY E DIAGNÓSTICODA EVIDÊNCIA À PRIORIDADE
Onde a jornada
perdia clareza.
O relatório de discovery reuniu expectativas do kick-off, atores do ecossistema, fluxos atuais, referências e avaliação heurística. Três problemas ajudam a explicar o direcionamento da interface.
Este recorte reúne um levantamento com stakeholders e uma avaliação de especialistas.
Pouca orientação
Havia dificuldades para reconhecer o estado da tarefa e voltar sem repetir o percurso.
Direção: contexto visível, navegação e revisão antes de ações críticas.Inconsistência visual
Variações de estilos, contraste e destaque das ações prejudicavam a leitura.
Direção: alinhar hierarquia, cores, componentes e comportamentos.MAPA DO RECORTE
Do diagnóstico à decisão de interface.
Síntese editorial reconstruída a partir dos artefatos do projeto.
- EntenderExpectativas + atores
- MapearJornadas AS-IS
- ConfrontarReferências + heurísticas
- DesenharFluxos + interfaces
- AlinharCliente + desenvolvimento
Explorar o mapa AS-IS original
Explorar a avaliação heurística
03 / BENCHMARKINGREPERTÓRIO COM CONTEXTO
Referências para pensar.
Critérios para decidir.
O benchmark olhou para bancos e fintechs como Nubank e Revolut. A comparação ajudava a discutir apresentação de produtos, onboarding e organização da informação.
Uma tensão importante apareceu no feedback do cliente: referências internacionais e brasileiras precisavam ser contextualizadas para o público paraguaio. O passo seguinte era explicitar o vínculo entre o que aprendemos e o que propomos.
REFERÊNCIA HISTÓRICA · 2023
Apresentar e orientar
O recorte de cartões destaca a apresentação do produto e a comunicação do próximo passo. Um critério para discutir clareza e continuidade da experiência.
Conhecer o Nubank ↗
REFERÊNCIA HISTÓRICA · 2023
Uma pergunta por vez
O onboarding oferece escolhas com contexto e ações bem definidas. O aprendizado é organizar a tarefa, sem transportar a solução de outro mercado automaticamente.
Conhecer a Revolut ↗Referências de terceiros, capturadas no benchmark do projeto em dezembro de 2023: relatório, páginas 23 e 26.
UMA DECISÃO QUE PRECISAVA EVOLUIR
Consistência também precisava ter a cara do banco.
Na avaliação de cores e estilos, o Solar pediu maior proximidade com o vermelho institucional e uma leitura mais clara das ações e dos erros. O acompanhamento de janeiro registra a revisão das referências e a cocreação de um novo conceito com o cliente.
Identidade do bancoEspaço e legibilidadeHierarquia de informação
Síntese da direção visual, preparada para esta apresentação.
04 / INTERFACE EM CONTEXTOEXPLORE AS TELAS DO PROJETO
Uma tarefa.
Decisões em cada etapa.
O recorte de pagamentos mostra categorias, identificação do serviço, conferência de informações e revisão antes de concluir. Selecione uma etapa para observar a interface e o critério de design.
Recorte navegável de capturas do protótipo, preparado para este portfolio.
Arquitetura da informação
Encontrar o serviço
Pagamentos recorrentes e categorias convivem no mesmo ponto de entrada. A busca ajuda a localizar o que a pessoa procura.
Tela original do projeto · dados ocultadosReconhecimento e orientação
Escolher uma categoria
A organização por tipo de serviço transforma uma lista extensa em grupos reconhecíveis. O contexto permanece visível durante a navegação.
Tela original do projeto · dados ocultadosHierarquia e clareza da ação
Conferir os detalhes
Antes de avançar, a proposta reúne as informações do serviço e apresenta a ação de pagamento em destaque.
Tela original do projeto · dados ocultadosPrevenção de erros
Revisar antes de pagar
A revisão reúne o serviço, a conta e o valor. As opções de recorrência e lembrete aparecem antes da confirmação final.
Tela original do projeto · dados ocultadosLEITURA DO PERCURSO
- 01Pagamentos
- 02Categoria de serviço
- 03Detalhes da cobrança
- 04Revisão do pagamento
Mapa simplificado do recorte apresentado, anterior à conclusão e à autenticação do pagamento.
05 / ENTREGAS E COLABORAÇÃODO ARTEFATO À CONVERSA COM O TIME
O design precisava
continuar na entrega.
Protótipos e componentes apoiaram a discussão com o banco e o alinhamento com desenvolvimento. O plano previa entregas parciais acompanhadas por negócio e tecnologia para facilitar o handoff.
A contribuição do design era tornar os percursos visíveis, discutir o comportamento das telas e transformar feedback em ajustes. Esse trabalho foi feito em equipe.
01 / DiscoveryExpectativas e atores
+
Levantamento com participantes do kick-off e leitura do ecossistema de negócio.
02 / DiagnósticoJornadas e heurísticas
+
Mapeamento AS-IS de app e web, problemas de interação e oportunidades de melhoria.
03 / ReferênciasBenchmarking
+
Comparação de experiências e discussão de padrões para o contexto do banco.
04 / UI e handoffTelas, estilos e componentes
+
Protótipos, ajustes com o cliente e alinhamento com desenvolvimento.
O QUE ESTE CASO DEMONSTRAUma experiência discutida
Uma experiência discutida
para além da tela.
O trabalho deixou jornadas mapeadas, interfaces e uma base visual para alinhar produto, banco e desenvolvimento. O resultado deste recorte está nos entregáveis de design e na construção compartilhada das soluções.
Decisões com contextoAlinhamento com stakeholdersContinuidade entre canais
Como eu acompanharia a evolução hoje
Para um próximo ciclo, acompanharia conclusão da tarefa, abandono por etapa, erros e pedidos de ajuda. Um experimento precisaria de hipótese, linha de base e critério de decisão antes de comparar resultados. Esta é uma proposta de acompanhamento, não um resultado histórico.
Fontes do recorte: discovery de dezembro de 2023, avaliações do cliente de janeiro de 2024 e telas do acervo do projeto. A apresentação e os mockups foram preparados para este portfolio.
Solar Banco · site oficial ↗Conversar sobre o projeto ↗