UX @ Mercado Livre

Preview:

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

Recommended