Upload
melidevelopers
View
99
Download
3
Embed Size (px)
Citation preview
UX @ Mercado Livre
Set 2016 - Daniel Rabinovich
A história sobre Design
This is our visionBuilding the foundation to Build a 3B Company by FY20
Agenda> Revisão de Design
Novo Brand Book
Mobile Apps Redesign
Design não visual
Não estávamos orgulhosos do nosso design
Procuramos por benchmarks, apps que admiramos
Revolução do Design
This is our visionBuilding the foundation to Build a 3B Company by FY20
AgendaRevisão de Design
> Novo Brand Book
Mobile Apps Redesign
Design não visual
Brand Book
This is our visionBuilding 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
This is our visionBuilding the foundation to Build a 3B Company by FY20 Melhoria dramática em peças promocionaisAbaixo: Comparação do dia das mães - Ano passado vs Esse ano
Novo Brand Book (II)
<-Ano passado
Esse ano ->
This is our visionBuilding the foundation to Build a 3B Company by FY20
AgendaRevisão de Design
Novo Brand Book
> Mobile Apps Redesign
Design não visual
Escolha um lugar pra começar
Fluxo de compra APP
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
This is our visionBuilding 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
Versão antiga Nova versão
● Grandes imagens(no mesmo espaço)
● Mais elegante, melhor leitura
Nova Busca
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”
Filtros antigos Novos filtros
● Melhor design :)● Filtros chaves estão
mais fáceis de usar
Novos filtros
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
Novas AnimaçõesEfeito “Zoom In” da Busca para a Página do item
Previous Font New Font
Melhor espaçamento aumenta a qualidade da leitura em espaços menores
“Menores” detalhes: Novas fontes
Checkout redesign
Antes Depois
Checkout redesignNovo visual e animação. Obtenha vantagens de funcionalidades do próprio celular.
Checkout redesign (II)Completar dados do cartão de crédito: Muito mais fácil e visual.
This is our visionBuilding the foundation to Build a 3B Company by FY20
AgendaRevisão de Design
Novo Brand Book
Mobile Apps Redesign
> Alguns resultados
Evolução do Mobile shareRedesign não foi o único fator, mas certamente ajudou
Obrigado!
Ux ExperienceSet 2016