Papel
Product Designer Senior
Tempo
Dez - Mai/2023-24
O que queremos descobrir?
Quantas vendas são iniciadas inserindo o cartão e com valor digitado > modalidade pagamento na tela inicial?
Quantas vendas digitadas (sem cartão) são feitas hoje?
Quantas impressões da Via Cliente acontecem hoje?
Qual o botão com mais clique na tela inicial?
Na tela de comprovantes, qual a quantidade de cliques por via (sms, email ou impressão)
Oportunidades
Potencial para aumentar as vendas dos clientes a partir de uma experiencia consistente.
Expansão do envolvimento dos clientes com outros produtos da Laranjinha, promovendo maior integração e fidelidade.
Desenvolvimento de uma jornada mais envolvente e prazerosa, sem abrir mão da funcionalidade e praticidade, garantindo benefícios claros e tangíveis para os clientes.
Objetivo
Recriar a experiência no universo das maquininhas físicas, utilizando o Itaú Design System como base, realizando as adaptações necessárias para oferecer ao cliente uma experiência plenamente alinhada aos padrões de qualidade e identidade do Itaú.
Intro
A laranjinha é a maquininha de vendas do Itaú, com ela é possível realizar pagamentos de maneira simples e versátil, abrangendo diversas formas de transação, como Crédito, Débito, Pix, QR Code, Voucher e Voucher Frota. Tudo isso com uma tecnologia avançada, design intuitivo e o compromisso de facilitar a gestão de vendas e pagamentos para os negócios. O facelift da laranjinha nasceu com o objetivo de proporcionar uma experiência inovadora e disruptiva no universo de maquininhas de vendas, trazendo mais praticidade, eficiência e modernidade para o dia a dia dos vendedores e compradores.
Design Process
Kickoff - Entrevista com stakeholders.
Desk Research - Análise sobre dados quantitativos.
Audit - Análise competitiva, benchmark.
Definição - Primeiro entregável; análises, problemas e soluções.
Wireframe - Esboços, fluxogramas, mapas e protótipos.
Test Usability - Entrevista em produndidade com usuários para validar ideias.
Roles
Desk Research
UI Design
Wireframing
Usability Test
Concept
Laranjinha Itáu
Laranjinha Smart
Laranjinha+
Vendas por modalidade
Débito
55,4%
Nov - 2023 a 2024
Crédito
34,1%
Nov - 2023 a 2024
PIX
7,4%
Nov - 2023 a 2024
Voucher
2,4%
Nov - 2023 a 2024
QR Code
0,4%
Nov - 2023 a 2024
Vendas
Inserindo cartão
66%
Novembro de 2023
Digitando valor
43%
Novembro de 2023
Tempo transacional
Laranjinha+ (4G)
8.67s
Novembro de 2023
Laranjinha Smart (4G)
11s
Novembro de 2023
Impressão da via do cliente
Imprimem/SMS ou E-mail
30,8%
Novembro de 2023
Descartam o comprovante
68,2%
Novembro de 2023
Impressão da via do estabelecimento
Imprimem/SMS ou E-mail
89,1%
Novembro de 2023
Descartam o comprovante
10,9%
Novembro de 2023
benchmark
Testamos as principais maquininhas adquirentes do mercado para poder pegar as percepções de uso de experiência e mapear as principais features praticadas pelo mercado.
Adquirentes mapeadas:
Cielo
Stone
Pagseguro
Mercado Pago
Safra Pay
Infinite Pay
Getnet
Acessiblidade
Especificação de acessibilidade para
leitores de telas
Para deixar acessível as informações da interface para o maior número possível de pessoas, utilizamos o framework a11y, que se baseia em boas práticas da WCAG - Web Content Accessibility Guidelines.
O foco principal foi garantir que pessoas com diferentes tipos de limitações — visuais, auditivas, motoras, cognitivas ou outras — consigam navegar, interagir e compreender os conteúdos de maneira eficiente e sem barreiras.
Boas práticas (WCAG):
Garantir que o contraste entre o texto e o fundo seja suficiente.
Usar descrições alternativas (alt) para imagens e gráficos.
Criar navegação acessível para pessoas que usam apenas teclado.
Garantir que vídeos tenham legendas e transcrições para pessoas com deficiência auditiva.
Oferecer interfaces adaptáveis para usuários com deficiência cognitiva.
feature 1
Nova Launcher
Tela inicial com direcionamento para novos produtos do universo laranjinha, como aplicativos de gestão de vendas, programa de pontos e apps terceiros.
feature 2
Tela inicial de vendas
Notificações inteligentes com tarefas de acordo com o perfil do usuário.
feature 3
Novo teclado touch
Teclado com números maiores facilitando a acessibilidade e modalidade de pagamento com fácil acesso a partir de botões.
feature 4
Forma de pagamento
Aumentamos os tamanhos dos botões para faciltar a acessibilidade e entendimento.
feature 5
Pagamentos a distância
Possibilidade do cliente poder pagar via QR Code ou digitar o cartão caso queria fazer uma venda sem o cliente.
feature 6
Nova senha
Teclado maior facilitando a acessibilidade .
feature 7
Feedback visual
Simplificamos a forma como o cliente recebe o feedback sobre pagamentos.
