Francisco Arranz UX design portfolio (em construção)

Os projetos descritos envolvem um processo de UX mais aprofundado, fora esses trabalhei em muitos outros como responsável apenas por design de interação, arquitetura de informação, usabilidade, entre outras disciplinas relacionadas a UX.

Projeto 1 - Veran Delivery

Supermercado online com entregas na região do Alto Tietê (SP)

  • Analise heurística
  • Pesquisa com usuários
  • Arquitetura de informação
  • User flow
  • Benchmarking
  • Design de interação (protótipo navegável com soluções de design para os problemas navegação)
  • Testes de usabilidade

Problema

Após alguns testes identificamos que a primeira versão do site tinha problemas de usabilidade e arquitetura de informação aonde usuários tinham dificuldade de encontrar certos produtos e navegar entre as diversas sessões de um supermercado.

Print loja antiga

O grande erro dessa versão foi tentar colocar um supermercado dentro de uma plataforma padrão de e-commerce, sendo que a experiência de compra de um supermercado é totalmente diferente de um loja de camisetas ou de eletrônicos, tudo muda! Desde o numero de produtos por pedido, freqüência de compra e entendimento sobre o produto por exemplo, você não precisa saber se “vai cair bem em você” ou ler uma descrição detalhada se tratando de um produto que você compra todo mês.

Solução UX

Através de pesquisas com usuários e analises detalhadas do fluxo dos clientes dentro do plataforma utilizando Google Analytics identificamos os pontos críticos da experiência de uso e desenhamos soluções de design para o novo site.

User Flow + Card sorting com nova categorização

A idéia era chegar o mais próximo possível da parte boa da experiência de compra de um supermercado, criando uma navegação baseada em corredores e prateleiras, mantendo um carrinho facilmente acessível tornando muito fácil adicionar e remover os produtos a qualquer momento, migrando inclusive de plataforma pois a atual (mesmo sendo uma das maiores do país) não nos dava a possibilidade de uma grande personalização do layout.

Protótipo navegável

Resultado

O resultado foi um aumento de 40% no faturamento com maior numero de pedidos e engajamento dos usuários no geral, com diminuição da taxa de rejeição por pagina, carrinhos abandonados, entre outra métricas analisadas, o projeto se transformou em um dos maiores cases da agencia.

Case agencia e plataforma

Projeto 2 - Bombarco

Plataforma de busca e anúncios de embarcações e portal centralizador de informações sobre o mercado náutico

  • Analise heurística
  • Eye tracking
  • Arquitetura de informação
  • User flow
  • Benchmarking
  • Design de interação
  • Testes de usabilidade
  • Protótipos navegáveis (apenas dos fluxos principais)
  • Gerenciamento de projeto

Problema

Mesmo sendo um líder de mercado a primeira versão da plataforma era pouco funcional, possuía um layout ultrapassado e problemas de usabilidade onde usuários perdiam muito tempo para publicar um anuncio e navegar no site em geral.

Solução

Os usuários foram segmentados em dois grupos, "anunciantes" e "consumidores", analisamos separadamente o comportamentos de ambos usando Google Analytics junto a um software especializado em análise de atenção e desenvolvemos soluções para otimizar os fluxos dentro do site.

Análise de elementos mais clicados e mapa de calor

No caso nos anunciantes o problema era um extenso formulário para cadastrar embarcações, assim desenvolvemos um novo fluxo de anúncio aonde dados padrões foram pré-cadastrados no nosso banco de dados e na hora do anuncio ao escolher marca e modelos das embarcações esses dados são carregados automaticamente diminuindo praticamente na metade o formulário. Também alteramos o formato dos planos, deixando mais atrativo para empresas que possuíam muitos anúncios.

Para os consumidores (os que desejam comprar embarcações) redesenhamos as paginas mais importantes do fluxo de encontrar os anúncios (listagem e detalhe do produto), adicionamos uma busca mais eficiente, priorizamos os filtros de maior uso (com base nas analises de tracking), aplicamos regras de design centrado no usuário e inserimos novas funcionalidades como um comparador (compara lado a lado itens relevantes para a decisão de compra de até 4 embarcações simultâneas) e uma tabela de preços com valores atualizados de mercado das embarcações.

User flow usuário consumidor

Versão mobile

Com base nas análises das necessidades dos usuários e o seu contexto de uso desenvolvemos uma versão mobile focada apenas nos usuários consumidores, feita exclusivamente para a busca de embarcações e contatos com os anunciantes.

Resultado

O projeto teve boa aceitação pelos usuários porém não tivemos acesso a métricas de negócio e não foi possível acompanhar o verdadeiro retorno se tratando de conversão.

Credits:

Created with images by cristianosequeira - "mar sky rock"

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.