Pneu Store

Projeto de design de interfaces para o novo aplicativo da Pneu Store, com foco na experiência mobile de uma loja de pneus que atua tanto no varejo online quanto offline, oferecendo uma ampla variedade de produtos.

Este projeto foi desenvolvido oficialmente em português, por isso as imagens estão nesse idioma. No entanto, a explicação geral do projeto está disponível em ambos os idiomas.

Metodologia

O Duplo Diamante é uma abordagem de design que organiza o processo criativo em quatro fases: Descobrir, Definir, Desenvolver e Entregar. Esta metodologia ajuda a garantir que o problema seja bem entendido e que a solução seja eficaz.

Descoberta

Entendendo o Problema

O projeto surgiu a partir de uma limitação clara na experiência mobile. Embora a empresa já possuísse um e-commerce e uma versão acessível pelo navegador no celular, essa visualização não era ideal para os usuários.

A navegação dificultava a busca por produtos e o processo de compra, o que impactava diretamente na conversão. Diante disso, decidiu-se implementar um aplicativo dedicado, com o objetivo de tornar a experiência mobile mais fluida, intuitiva e eficiente.

Matriz CSD

A matriz CSD é uma ferramenta utilizada para análise e definição de problemas e soluções. Ela é composta por três definições a serem feitas: Certezas, Suposições e Dúvidas. Essa matriz ajuda a organizar o pensamento e a direcionar ações para resolver problemas de forma mais eficaz. Com base na matriz costumo criar uma lista de ideias gerais que podem ser aplicadas em possíveis soluções.

Certezas

Suposições

Dúvidas

Público Alvo

Homens e mulheres de 30 a 50 anos, que estão sempre em movimento, adoram a estrada e possuem o hábito de fazer comprar pelo celular.

Marcas Analizadas

Principais Insights

Nenhum dos três apps obrigou o usuário a fazer cadastro para ver os produtos, apenas na hora de efetuar a compra, achei uma boa escolha.
O B2 Pneus tem uma tela de pesquisa de produtos com filtro mais completo, enquanto as outras duas é básica, essa forma de filtro facilita muito o usuário a encontrar o que procura. O app da B2 também exibe em lista as buscas recentes.
Os apps da Titan e da B2 Pneus possuem menus inferiores que ajudam na navegação, porém o menu da Titan é flutuante, e não vi sentido técnico ou de usabilidade para essa escolha.
O app da Titan está disponível em espanhol de 8 países da América Latina e em Português do Brasil. A página de contato da Titan é básica por meio de um formulário, o que faz com que o tempo de retorno e a otimização da comunicação com o consumidor seja mais demorada.
O app da PneuDrive tem maior apelo de venda. O buscador do header é básico, mas logo abaico tem um formulário de pesquisa considerando largura, perfil e aro do pneu para uma busca mais direcionada. A PneuDrive também trás um ícone de WhatsApp para contato direto com um consultor que vai poder tirar dúvidas e auxiliar na compra.
Principais pontos de fricção na jornada de compra de pneus online são: Falta de compreensão técnica, dificuldade de escolha, falta de auxílio e usabilidade inadequada.

Benchmark

Definição

Estratégia de Experiência

Como garantir uma navegação fluida e intuitiva para um usuário que
pode não conhecer detalhes técnicos sobre pneus?

Dividir os produtos por segmentos
Pedir para o usuário definir os interesses para filtrar desde o começo o tipo de produto exibido, bem como promoções.
Preenchimento automático e sugestões inteligentes
Uso de selos para produtos mais vendidos
Lista de melhores produtos para cada situação, como “melhores pneus para automobilismo”, ou ainda “pneus mais resistentes para máquinas agrícolas”
Tabelas comparativas entre os produtos do próprio site, comparando preços, marcas e materiais por exemplo

Como garantir que um usuário leigo escolha o pneu certo para seu veículo?

Linguagem adequada ao público, síntese nas chamadas e títulos, usabilidade otimizada e intuitiva, permitir o usuário de pedir auxílio, facilitar escolhas por meio dos conteúdos do blog, hankings dos melhores pneus para trilhas de bike por exemplo, ou ainda selos como “mais vendido”, “mais bem avaliado”, “melhor para trilhas”.

Design System

O Material Design DS é um conjunto de diretrizes, componentes e ferramentas desenvolvidas pelo Google para criar interfaces de usuário consistentes, intuitivas e responsivas. Ele usa princípios de design baseados em papel e tinta, combinando elementos clássicos de design com inovações tecnológicas para oferecer uma experiência de usuário harmoniosa em diferentes dispositivos e plataformas.

Estratégia de Experiência

Como garantir uma navegação fluida e intuitiva para um usuário que
pode não conhecer detalhes técnicos sobre pneus?

Dividir os produtos por segmentos
Pedir para o usuário definir os interesses para filtrar desde o começo o tipo de produto exibido, bem como promoções.
Preenchimento automático e sugestões inteligentes
Uso de selos para produtos mais vendidos
Lista de melhores produtos para cada situação, como “melhores pneus para automobilismo”, ou ainda “pneus mais resistentes para máquinas agrícolas”
Tabelas comparativas entre os produtos do próprio site, comparando preços, marcas e materiais por exemplo

Quais boas práticas de UX podem ser aplicadas para aumentar a
conversão de vendas?

Login por conta google ou redes sociais
Linguagem clara e acessível
Cortar informações e elementos desnecessários
Interface limpa e objetiva
Manter padrões para facilitar o reconhecimento
Contraste adequado e boa legibilidade
Redução de cliques
Fluxos fáceis de se entender
Informar o usuário de status de todo o processo de compra, além de situá-lo no sistema
Testes e iteração contínua

Boas Práticas

Quais boas práticas de UX podem ser aplicadas para aumentar a
conversão de vendas?

Login por conta google ou redes sociais
Linguagem clara e acessível
Cortar informações e elementos desnecessários
Interface limpa e objetiva
Manter padrões para facilitar o reconhecimento
Contraste adequado e boa legibilidade
Redução de cliques
Fluxos fáceis de se entender
Informar o usuário de status de todo o processo de compra, além de situá-lo no sistema
Testes e iteração contínua

Desenvolvimento
& Entrega

Protótipo Final

O protótipo de alta fidelidade é a representação mais precisa e detalhada de como a interface do aplicativo funcionará após o lançamento. Ele simula a aparência e a interação finais, incluindo elementos visuais, comportamentos e transições, proporcionando uma visão realista da experiência do usuário. Este protótipo é utilizado para testar e validar a usabilidade, garantir que todos os aspectos da interface estejam alinhados com o design final e oferecer uma visão concreta do produto antes da implementação final.