O documento descreve os esforços de redesign de UX da Mercado Livre para melhorar a experiência do usuário em seus aplicativos móveis e marca, com o objetivo de se tornar uma empresa de 3 bilhões de dólares. O resumo inclui a criação de um novo guia de marca unificado, a reformulação dos aplicativos móveis com novas telas de navegação, busca, produtos e checkout, e melhores resultados como aumento da participação móvel.

1. UX @ Mercado Livre
Set 2016 - Daniel Rabinovich

2. A história sobre Design

3. This is our vision
Building the foundation to Build a 3B Company by FY20
Agenda
> Revisão de Design
Novo Brand Book
Mobile Apps Redesign
Design não visual

4. Não estávamos orgulhosos do nosso design

5. Procuramos por benchmarks, apps que admiramos

6. Revolução do Design

7. This is our vision
Building the foundation to Build a 3B Company by FY20
Agenda
Revisão de Design
> Novo Brand Book
Mobile Apps Redesign
Design não visual

8. Brand Book

9. This is our vision
Building the foundation to Build a 3B Company by FY20
Criado um Brand Book unificado para todas comunicações online e offline.
Duas opções: Emocional (Amarelo) e Racional (Azul)
Novo Brand Book

10. This is our vision
Building the foundation to Build a 3B Company by FY20
Melhoria dramática em peças promocionais
Abaixo: Comparação do dia das mães - Ano passado vs Esse ano
Novo Brand Book (II)
<-Ano passado
Esse ano ->

11. This is our vision
Building the foundation to Build a 3B Company by FY20
Agenda
Revisão de Design
Novo Brand Book
> Mobile Apps Redesign
Design não visual

12. Escolha
um lugar
pra
começarFluxo de compra APP

13. Versão antiga Nova Versão
● Grande melhoria mas
perdemos a visualização
do botão de cadastro
● A retirada do botão não
afetou a quantidade de
cadastros
Nova Home Page

14. This is our vision
Building the foundation to Build a 3B Company by FY20
Para resolver esse problema sem comprometer o design da Home Page,
implementamos um nova tela de Onboarding,
tentando ser uma “soft landing” no app.
Novo fluxo de Onboarding

15. Versão antiga Nova versão
● Grandes imagens
(no mesmo espaço)
● Mais elegante, melhor
leitura
Nova Busca

16. Antoine de Saint Expupéry
“Perfection is achieved, not
when there is nothing more
to add, but when there is
nothing more to take away”

17. Filtros antigos Novos filtros
● Melhor design :)
● Filtros chaves estão
mais fáceis de usar
Novos filtros

18. Versão antiga Nova versão
Nova página de produto
● Imagens maiores
● Novos gestos de zoom
● Preço maior
● Simulador de parcelas
● Calculadora de frete

19. Novas Animações
Efeito “Zoom In” da Busca para a Página do item

20. Previous Font New Font
Melhor espaçamento aumenta
a qualidade da leitura em
espaços menores
“Menores” detalhes:
Novas fontes

21. Checkout redesign

22. Antes Depois

23. Checkout redesign
Novo visual e animação. Obtenha vantagens de funcionalidades do próprio celular.

24. Checkout redesign (II)
Completar dados do cartão de crédito: Muito mais fácil e visual.

25. This is our vision
Building the foundation to Build a 3B Company by FY20
Agenda
Revisão de Design
Novo Brand Book
Mobile Apps Redesign
> Alguns resultados

26. Evolução do Mobile share
Redesign não foi o único fator, mas certamente ajudou

27. Obrigado!

28. Ux
Experience
Set 2016