ux - jornal do carro
TRANSCRIPT
Bom Negócio
Carlos decidiu vender seu carro usado e finalmente comprar seu primeiro carro zero. Ele já sabe mais ou menos seu budget, além do valor que poderia dar de entrada e em parcelas mensais.
Não sabe ainda qual marca/modelo de carro vai comprar, mas já tem 3 marcas em mente que acha mais interessantes.
Ele tem pesquisado para saber sobre vantagens/desvantagens dos carros que selecionou como: custo-benefício e gastos mensais de manutenção, combustível e seguro.
Desejo: Carlos quer comprar seu carro novo e se sentir bem com a sua compra!
Carlos, 36, publicitário, tech savvy, solteiro, mora em São Paulo
Persona
Pain Points Needs • Comparar diferentes opções de modelos e marcas
• Descobrir melhores ofertas disponíveis na sua região
• Encontrar ofertas dentro de seu orçamento e com as melhores condições de pagamento
• Dúvida entre 3 marcas • Falta de tempo para
pesquisar e comparar • Orçamento apertado
Bom Negócio
Carlos define budget e quanto poderia
pagar por mês
Pesquisa carros de diferentes
marcas por valor
Seleciona e compara as opções mais interessantes
Busca por lojas mais próximas
Entre em contato/
solicita quote online para
lojas selecionadas
Vai até a loja para
negociar/fechar
Jornada do Usuário Bom Negócio
Define região/localização
Escolhe Marca/Preço
Encontra/Compara
Entra em contato
Vê mais detalhes
User Flow
Recebe alerta/Entra no site
Vai à loja/Fecha negócio
Bom Negócio
Bom Negócio
Define localização
Filtra por modelo, marca e preço
Visualiza no mapa
Vê detalhes no mapa
Vê detalhes na página do
carro
Vê detalhes na página do
carro
Task Flow
Overview das páginas
Carrossel (marcas)
Contador decrescente
Filtro para buscar ofertas da semana
Busca Avançada
OfertasPaginação
1.0.JDC-Desktop-Home
AlertaOrganizar por
Anúncios encontrados/Visualizar por
Logos das marcas em
destaque
Navegação dos slides
Geolocalização
Link para query de resultados de ofertas da marca específicamente
Slide anterior Próximo slide
Localização identificada
Contador (sempre visivel)
Carrossel/Localização
1.0.JDC-Desktop-Home
Localização não identificada
Localização identificada
Slider das marcas, selecionáveis com um clique
Slider dos modelos, selecionáveis com um clique
Busca avançada
Filtro de Preço
Slecionar apenas ofertas com carimbo “Bom Negócio"
Filtos
1.0.JDC-Desktop-Home
Possibilidade de visualização em Grid e em Mapa
Número de anúncios
encontrados
Cadastro para receber alertas de
preço
Organizar por preço
Paginação/Navegação para
visualizar próximos anúncios
Navegação Resultado de Busca
1.0.JDC-Desktop-Home
Receba alerta - hover
Receba alerta - ativo
Navegação Resultado de Busca
1.0.JDC-Desktop-Home
Logo, Marca e modelo do carro
(obrigatório) Especificações do carro (obrigatório)
Imagem do carro (obrigatório)
Preço (que pode ser com desconto)
Contatos com o vendedor (email e telefone obrigatórios/whatsapp opcional)
Carimbo animado “Bom Negócio” (se pago pelo anunciante)
Informação relevante do
mercado (opcional)
Envio de telefone/email para vendedor
entrar em contato (obrigatório)
Resultado de Busca1.0.JDC-Desktop-Home
Resultado de Busca1.0.JDC-Desktop-Home
Solicite proposta - hover Solicite proposta - ativo
Formatos de anúncio
Formatos de Anúncios1.0.JDC-Desktop-Home
Sliders com os nove resultados desta página
Mapa com indicações de onde encontrar as ofertas
exibidas
1.2.JDC-Desktop-Mapa
Anúncio selecionado para ser visualizado
no mapa
Detalhes da oferta ao clicar no ícone no mapa (como Airbnb)
1.2.JDC-Desktop-Mapa- Detalhes
Informações do carro
Mais ofertas do mesmo anunciante
Informações do vendedor/anunciante
Informações do carro
Compartilhar nas redes Sociais
"Siga este carro""
1.3.JDC-Desktop-PaginaCarro
Comportamentos e Flows
FLOWs:- Receba ofertas/alerta - Siga esta oferta/carro
Receba ofertas (alerta)
botão popup feedback
A ideia é seguir o modelo de alertas como o do Skyscanner: o usuário pode receber alertas de ofertas de carros referentes a uma pesquisa realizada. Ou seja, o alerta é baseado na query gerada pelo usuário para a busca específica. Ele receberá alertas por email.
http://www.skyscanner.com/
Receba ofertas (alerta)botão popup feedback
Receba ofertas (alerta)
1)
2)
3)
http://www.mojomotors.com/
Siga esta oferta (carro)A ideia é seguir o modelo de alertas como o do Mojo Motors: o usuário pode receber alertas de alteraçoes de preços referente a oferta de carro que está seguindo. A diferença entre o flow da Mojo e o nosso, é que a Mojo pede que o usuário faça login, nós vamos, por enquanto, ter o mesmo flow do alerta (anterior): o usuario receberá alertas por email.
botão popup feedback
Siga esta oferta (carro)
1)
2)
3)
Siga esta oferta (carro)
Especificações Funcionais
1.0.JDC-Desktop-Home1.0.JDC-Desktop-Home
Ao entrar pela primeira vez na página, o usuário irá visualizar todas as ofertas com carimbo “Bom Negócio”. O usuário será convidado a fornecer a localização ou região de busca como nas páginas de Ofertas de Montadoras (Benchmarking).1
21
2
O contatador mostrará quanto tempo os anúncios da semana ainda estarão no ar.
O usuário poderá informar sua Cidade, CEP ou selecionar a opção para que seu local seja identificado automaticamente.
3 Mais de uma marca de carro poderá ser selecionada no slider.
34
4 Automaticamente, os modelos das marcas selecionadas serão exibidias no slider de modelos. Assim como no slider de Marcas, o usuário poderá selecionar mais de modelo.
5 Opção para selecionar range (valor mínimo-máximo) de valores das ofertas. Default será a opção de zero a total. Será visualizado número total de resultados conforme o usuário altera os valores.
56
7
6 Opção de seleção para visualizar apenas ofertas com o selo “Bom Negócio"
7 Opção de selecionar mais detalhes de filtro em uma busca avançada (DEFININDO)
8 9
8 Número de resultados encontrados.
9 Opções de visualizar os resultados de Busca em formato grid (como visualizado nesta imagem) ou em Mapa (1.2)
10 11
10 Paginação da lista de resultados da busca. Serão exibidos 6 resultados por página
9 Opção de organizar as ofertas por Preço.
1.0.JDC-Desktop-Home1.0.JDC-Desktop-Home
12
13
14
15
16
17
18
19
20
12
Ao clicar em “Receba alertas”, serão exibido pop up para que o usuário forneça seu email para receber alertas de acordo com seus resultados de busca (como no Skyscanner).
Formatos de Anúncios1.1.JDC-Desktop-Home
1.1.JDC-Desktop-AnunciosAo fornecer sua localização ou fornecer a região da busca, os anúncios abaixo serão automaticamente reorganizados para apresentar os anúncios da região selecionada. O mesmo acontecerá ao se mudar as opções do filtro.
1.2.JDC-Desktop-Mapa
1.1.JDC-Desktop-AnunciosAo fornecer sua localização ou fornecer a região da busca, os anúncios abaixo serão automaticamente reorganizados para apresentar os anúncios da região selecionada. O mesmo acontecerá ao se mudar as opções do filtro.
1.2.JDC-Desktop-Mapa-Detalhes
1.1.JDC-Desktop-AnunciosAo fornecer sua localização ou fornecer a região da busca, os anúncios abaixo serão automaticamente reorganizados para apresentar os anúncios da região selecionada. O mesmo acontecerá ao se mudar as opções do filtro.
1.3.JDC-Desktop-PaginaCarro
1.3.JDC-Desktop-PaginaCarroNesta página, o usuário poderá ver detalhes e especificações do carro, bem como galeria de imagens, informações e contatos com o vendedor e mais ofertas do Vendedor
Sites Inspirações
Anexos - Processo
Wires Low-Fi PaperSketch
Wires Med-Fi Balsamiq
1.0.Capa (sem local)
Carrossel
"Relógio"
Localizador
Outros destaques
Slides
Marcas
Carimbo “Bom Negócio"
Informações da Oferta
Bom Negócio
1.2.Capa (com local)
Local
Ver no mapa (lojas) / Compare
Outra opção de marcador de slide
“por marca"
Tabs Marcas
Ver mais detalhes (ir para página
do produto)
“Ver oferta"
Scroll para ver mais (ou paginação)
Bom Negócio
1.3.Capa - Mapa
Visualização no mapa
Opção de escolher até 3 carros (ou
mais?)
Clique para selecionar e
visualizar no mapa
Detalhes sobre oferta e loja (resumido) Ir para
página da oferta (mais
detalhes)
Bom Negócio
FIltrar apenas ofertas “Bom
Negócio” (como “Prime" da Amazon)
Selecionar budget
Selecionar marcas
Selecionar Modelo
1.3a.Capa - Mapa (opção de filtro) Bom Negócio
Opção de filtro reduzido
Possibilidade de ter mais opções de filtros (como
Airbnb)
1.3b.Capa - Mapa (opção de filtro reduzido) Bom Negócio
Opção de layout para filtro/ mapa Bom Negócio
Opção de CapaBom Negócio
Opção de CarrosselBom Negócio
Sites Inspirações
+
Inspiração: Airbnb + VW Bom Negócio
CCA e Benchmarking
VW
Smart
Ford
VW
VW
VW
Chevrolet
Fiat
LocalFiat
Renault
VW
VW
Mini
Fiat
Airbnb
hostels.com
Skyscanner
Journey map
UXpressoCafe.com