Avante Filtros
Como criar um catálogo e facilitar a venda dos produtos da loja?
Avante Filtros é uma loja online de filtros para as redes sociais. O objetivo do site é o usuário poder escolher um modelo de filtro, personalizar com as opções desejadas e finalizar o pedido de forma prática e rápida.
Papel
Ux designer projetando um site desde a concepção até o lançamento.
Cliente
Ferramentas
Figma
Canva
Duração
1 mês
Declaração do problema e objetivos
Processo de design
Aumentar o envolvimento do usuário
criar um site que incentive os usuários a explorar os modelos de filtros e conseguir realizar a compra facilmente.
Expandir a base de usuários
atrair novos usuários, principalmente aqueles que preferem usar um site ao invés da compra pelo Whatsapp.
Melhorar a experiência do usuário
criar uma interface intuitiva e fácil de usar que simplifica o processo de busca por um filtro.
Reflitir a identidade da marca
certificar de que o design do site esteja alinhado com a marca Avante Filtros, transmitindo confiabilidade e profissionalismo.
Pesquisa de usuários
Conduzi entrevistas com cinco clientes através do Whatsapp da loja que atualmente é o principal canal de venda dos produtos. Busquei entender as suas necessidades e o processo de compra.
Através de entrevistas, perguntei-lhes sobre as suas experiências ao utilizar um filtro, os obstáculos que enfrentam e as suas preferências.
Entendendo melhor os usuários
Em seguida, criei as personas, os storyboards, as jornadas de usuário e os mapas de empatia para entender as necessidades dos clientes, criar empatia e definir os problemas que estão enfrentando.
Utilizando os dados quantitativos e qualitativos dos resultados das entrevistas, defini os dois perfis de grupos-alvo para melhor empatia com meus principais grupos de usuários e priorizar metas de acordo com suas necessidades.
Análise Competitiva
Através da auditoria competitiva foi possível obter uma visão geral dos pontos fortes e fracos dos concorrentes.
Para esta análise identifiquei os concorrentes, entendi como eles se posicionam no mercado, analisei as ofertas de produtos, examinei o que fazem bem e o que podem melhorar, e como eles falam sobre si mesmo.
Com isso, consegui pensar em soluções de design que estão em falta nos concorrentes.
Arquitetura da Informação
Nesta etapa planejei a estrutura do site, incluindo menus de navegação, páginas e seções, com isso, criei o mapa do site descrevendo a organização do conteúdo.
Wireframe e Protótipo de baixa fidelidade
A partir dos insights coletados nas pesquisas, iniciei a fase de design esboçando wireframes e criando o protótipo de baixa fidelidade. Essas representações visuais me permitiram delinear o fluxo principal e a estrutura do site, com foco na usabilidade e nos principais recursos.
Na página principal tem-se todas as informações sobre o desenvolvimento do produto e as principais dúvidas dos clientes, já na página de produtos tem-se todos os filtros disponíveis para compra.
Estudo de usabilidade
Depois de concluir o protótipo de baixa fidelidade, conduzi um estudo de usabilidade não moderado com um total de 4 participantes. Para isso, preparei um plano de estudo contendo uma introdução, perguntas da pesquisa, kPI, metodologia, participantes e script.
Questões de pesquisa
-
Quanto tempo leva para um usuário encontrar e comprar um filtro?
-
O usuário consegue preencher a personalização?
-
O que podemos aprender com as etapas que os usuários seguem para realizar um pedido?
-
Os usuários estão ficando presos em alguma parte?
-
Há algum recurso adicional que os usuários gostariam de ver no aplicativo?
-
Os usuários acham o aplicativo fácil ou difícil de usar?
Key performance indicator
-
Tempo da tarefa
-
Taxas de erro do usuário
-
Taxas de conversão
-
Escala de Usabilidade do Sistema - SUS
Mantendo a consistência em toda a interface do site
Criei um sistema de design para determinar padrões predeterminados a serem seguidos na interface, incluindo todos os tipos de elementos, desde a paleta de cores até ícones e botões. Eles criam consistência e deixam o design mais rápido e fácil.
Site responsivo do Avante Filtros
Foi desenvolvimento o protótipo de alta fidelidade através dos resultados centrados nos usuários.
Impactos
Com o site lançado, espero que ele aumente as vendas através da plataforma e facilite o processo de compra para os modelos de filtros semi personalizados.
Como medir esse impacto?
-
Avaliações e comentários de usuários
-
Enviar questionário de avaliação para os clientes
-
Análise de concorrentes
Oportunidades de melhoria para o futuro
O processo de design precisa estar em constante evolução e buscando melhorias para os mais diversos usuários.
Realizar mais estudos de usabilidade para saber se todos os problemas dos usuários foram resolvidos.
Melhorar os recursos de acessibilidade para os usuários que possuem alguma deficiência.
Adicionar formulário para adiantar o processo e pagamento do filtro totalmente personalizado.