Minha experiência redesenhando a tela inicial do marketplace.
A Elo7 é uma plataforma brasileira de e-commerce fundada em 2008, que funciona como um polo criativo para artesãos e entusiastas. Oferece uma gama diversificada de produtos artesanais e personalizados, conectando pequenos negócios e criadores independentes com os consumidores. A Elo7 promove o comércio justo, a sustentabilidade e a valorização de criações únicas e originais.
ano
2022
Mercado
Mercado
Meu papel
Estratégia de UX
Arquitetura
Interface do usuário
Protótipo
Guia de estilo
Por que a página inicial?
A reformulação da página inicial da Elo7 foi uma jogada estratégica para transformar todo o sistema de design da plataforma. O objetivo era criar uma linguagem de design consistente em todo o site, aprimorando a experiência do usuário e a navegação. Impulsionada pelo vasto catálogo da Elo7, com mais de 7 milhões de itens exclusivos, a página inicial anterior não conseguia exibir adequadamente a diversidade de produtos. A reformulação focou em melhorar a apresentação e a curadoria de itens artesanais e personalizados, aprimorando a descoberta de produtos e a experiência geral do usuário.
Entendendo o cenário
Para identificar os problemas críticos que afetam a página inicial, realizei um processo dinâmico em três etapas envolvendo as partes interessadas, facilitando uma exploração aprofundada de suas preocupações e ideias inovadoras:
Percepções das partes interessadas:
A etapa inicial consistiu em uma sessão interativa na qual as partes interessadas expressaram suas ideias. Elas descreveram suas principais certezas, dúvidas e suposições em relação à página inicial. Em seguida, foram incumbidas de selecionar a certeza, dúvida ou suposição mais importante dentre as que haviam escrito.
No exercício, as partes interessadas primeiro se envolveram em uma geração livre de ideias, realizando brainstorming e registrando suas ideias mais ousadas para a página inicial sem restrições técnicas, e depois selecionaram e defenderam seu melhor conceito. Na etapa final, de priorização de recursos, elas classificaram os tópicos pré-identificados por importância, colocando os aspectos mais cruciais no topo e os menos significativos na parte inferior.
Visão geral da dinâmica
Tempestade de ideias
Matriz CSD
Priorizando funcionalidades
Quem são os clientes?
Por sorte, a equipe já tinha muitas informações sobre nossos usuários e produto! Então, durante minhas primeiras semanas, mergulhei fundo em diversas fontes de dados:
análise de usuários internos
Resultados de testes A/B anteriores
Entrevistas detalhadas com usuários
Certo. Tínhamos muitos dados sobre nossos usuários e produto. Por onde começar? Um dos princípios de design da Elo7.com.br é "manter o usuário no centro de tudo o que você faz". E foi exatamente isso que eu fiz. Comecei mapeando tudo o que sabíamos sobre nossos usuários:
Etapas da compra (do desejo de comprar)
Necessidades do usuário
Comportamentos/tarefas/trabalhos a serem realizados
Ter empatia com os usuários e identificar oportunidades.
Tarefas a serem feitas
Benchmarking
Foi realizado um processo completo de avaliação comparativa, analisando as estratégias, funcionalidades e experiências do usuário dos principais players do mercado. Essa análise incluiu um exame aprofundado de suas metodologias de design, inovações tecnológicas e soluções centradas no usuário, com foco nos pontos fortes e fracos em interfaces de usuário, funcionalidades e experiência geral do usuário.
Estratégia de conteúdo
Esse processo metódico de avaliação comparativa serviu como uma bússola, guiando a otimização do design, das funcionalidades e da experiência geral do usuário da nossa plataforma. Aproveitando os insights obtidos, facilitou a produção de um wireframe de conteúdo abrangente, garantindo uma plataforma mais centrada no usuário e refinada, alinhada aos padrões de ponta do setor observados durante a análise comparativa.
Pesquisa de usuários
A realização de entrevistas com dois grupos distintos de usuários — aqueles que acessam o Elo7 menos de quatro vezes por mês e aqueles que o acessam mais de quatro vezes por mês — proporcionou uma compreensão abrangente do comportamento e das necessidades dos usuários em nossa plataforma. Por meio dessa pesquisa, revelamos as motivações que impulsionam as compras dos usuários e suas preferências em relação ao conteúdo da página inicial. Essas informações revelaram que uma página inicial mais personalizada, utilizando aprendizado de máquina adaptado a cada usuário, destacou-se como a abordagem mais promissora para aprimorar o engajamento e o sucesso dos usuários na plataforma. Os insights obtidos de ambos os segmentos de usuários orientaram a ênfase em uma interface inicial mais personalizada e centrada no usuário, para melhor atender às diversas necessidades e preferências dos usuários.
538 respostas
Mapa de calor
Utilizei mapas de calor para identificar possíveis falhas na página inicial atual. A análise visual fornecida por essa ferramenta revelou áreas problemáticas, destacando pontos de menor interação e potenciais obstáculos na experiência do usuário na página inicial.
Por fim, o design.
Este é o momento de transformar conceitos em estruturas tangíveis, delineando a arquitetura e o layout dos elementos. Os wireframes, os esboços iniciais do design, formam a base sobre a qual a experiência do usuário será construída. Aqui, cada linha, caixa e interação é cuidadosamente desenhada para visualizar a futura interface, promovendo clareza e funcionalidade.
Design para Web e Dispositivos Móveis
Interface amigável que permite aos usuários explorar intuitivamente as melhores categorias da plataforma e encontrar produtos de acordo com seu estilo por meio de recomendações inteligentes. A principal prioridade do projeto é fazer com que o usuário compreenda as possibilidades dos produtos e interaja com a plataforma.
Resumo do processo
Comece com um problema
Enquadre o problema como um desafio de design.
Faça um brainstorming de ideias para resolver o desafio.
Conheça os usuários (análise de mercado, entrevistas com usuários, pesquisa de campo)
Compreender as áreas de oportunidade (persona, histórias de usuários, análise da concorrência)
Design de conversação (protótipo em papel, dramatização, fluxo do usuário)
Estratégia de conteúdo (arquitetura da informação, base de dados de livros)
Design visual (wireframe, protótipo, guia de estilo)