28
UX @ Mercado Livre Set 2016 - Daniel Rabinovich

UX @ Mercado Livre

Embed Size (px)

Citation preview

Page 1: UX @ Mercado Livre

UX @ Mercado Livre

Set 2016 - Daniel Rabinovich

Page 2: UX @ Mercado Livre

A história sobre Design

Page 3: UX @ Mercado Livre

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

Page 4: UX @ Mercado Livre

Não estávamos orgulhosos do nosso design

Page 5: UX @ Mercado Livre

Procuramos por benchmarks, apps que admiramos

Page 6: UX @ Mercado Livre

Revolução do Design

Page 7: UX @ Mercado Livre

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

Page 8: UX @ Mercado Livre

Brand Book

Page 9: UX @ Mercado Livre

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

Page 10: UX @ Mercado Livre

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 ->

Page 11: UX @ Mercado Livre

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

Page 12: UX @ Mercado Livre

Escolha um lugar pra começar

Fluxo de compra APP

Page 13: UX @ Mercado Livre

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

Page 14: UX @ Mercado Livre

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

Page 15: UX @ Mercado Livre

Versão antiga Nova versão

● Grandes imagens(no mesmo espaço)

● Mais elegante, melhor leitura

Nova Busca

Page 16: UX @ Mercado Livre

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”

Page 17: UX @ Mercado Livre

Filtros antigos Novos filtros

● Melhor design :)● Filtros chaves estão

mais fáceis de usar

Novos filtros

Page 18: UX @ Mercado Livre

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

Page 19: UX @ Mercado Livre

Novas AnimaçõesEfeito “Zoom In” da Busca para a Página do item

Page 20: UX @ Mercado Livre

Previous Font New Font

Melhor espaçamento aumenta a qualidade da leitura em espaços menores

“Menores” detalhes: Novas fontes

Page 21: UX @ Mercado Livre

Checkout redesign

Page 22: UX @ Mercado Livre

Antes Depois

Page 23: UX @ Mercado Livre

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

Page 24: UX @ Mercado Livre

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

Page 25: UX @ Mercado Livre

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

Page 26: UX @ Mercado Livre

Evolução do Mobile shareRedesign não foi o único fator, mas certamente ajudou

Page 27: UX @ Mercado Livre

Obrigado!

Page 28: UX @ Mercado Livre

Ux ExperienceSet 2016