Estudo de Caso

Pequeno Tesouro

Realizado durante o Curso de Certificação em UX Design do Google, o projeto busca promover uma experiência rápida, prática e esteticamente agradável para mães e pais que querem comprar ou vender roupas infantis usadas.

Declaração do Problema

A loja de roupas infantis usadas precisa de uma experiência digital que resolva as dores de dois públicos:

  • Pais e mães que compram e buscam confiança e qualidade
  • Pais e mães que vendem e buscam praticidade e agilidade.

Minha Função

UX/UI Designer

Conteúdo

  • Pesquisa: personas (Helena e Caio) e declarações de problema
  • Arquitetura: sitemap e mapeamento de fluxos de compra e venda
  • Validação: protótipo de baixa fidelidade e insights do estudo de usabilidade
  • Solução Final: guia de estilos e mockups de alta fidelidade (mobile e desktop)

Helena

Helena é uma mãe moderna muito conectada com o mundo digital, mas também com a sustentabilidade. É muito organizada e tem planilhas de gastos sobre tudo. Extremamente dedicada à família, gosta de poder proporcionar o melhor aos seus filhos, mas fica muito reflexiva sobre a rapidez com que eles podem perder peças de roupas enquanto crescem e com todo o dinheiro e impacto no planeta que isso pode causar.

Idade:34
Cidade:São Paulo
Família:Casada, 2 filhos (4 e 1 ano)
Profissão:Analista de Marketing

Objetivos:

  • Comprar roupas de marca em bom estado e com bons preços.
  • Encontrar itens usados específicos.
  • Evitar descarte antecipado e reduzir impactos ambientais.

Frustrações:

  • Perder tempo em plataformas com muitas categorias.
  • Medo de receber produtos com defeitos não descritos.
  • Pagar fretes caros em itens de baixo valor.

Descrição do Problema - Helena

Helena, mãe moderna e antenada no mundo digital e sustentabilidade, precisa de uma plataforma dedicada para comprar roupas infantis de marca, de alta qualidade e com valores acessíveis, pois é preocupada com o processo de descarte, a saúde do meio ambiente e precisa manter suas finanças organizadas.

Caio

Caio é um pai sobrecarregado com as demandas do trabalho e da casa. Valoriza a praticidade e por isso as pilhas intermináveis de roupas de bebê que já não servem mais na sua filha, são um incômodo constante. Não se importa em aumentar seus lucros, apenas em ter um pequeno retorno financeiro sem se estressar com o longo processo de tirar foto, medir, precificar, responder perguntas e ir até o correio.

Idade:38
Cidade:São Paulo
Família:Casado, 1 filha (9 meses)
Profissão:Consultor de Negócios

Objetivos:

  • Vender rapidamente as roupas da sua bebê que não servem mais.
  • Ter um processo de envio simples.
  • Ganhar algum tipo de crédito para, eventualmente, comprar novos itens.

Frustrações:

  • O processo de tirar fotos, medir, escrever descrições parece muito demorado.
  • Ter que negociar o preço com muitos compradores.
  • Dificuldade em conciliar logística de envio com sua rotina.

Declaração do Problema - Caio

Caio, pai de uma bebê e sobrecarregado com demandas do trabalho e da casa, precisa de uma forma ágil e intuitiva para transformar o acúmulo de roupas em dinheiro, pois tem pouco tempo para lidar com processos longos de descrição, negociação e com a logística de envio.

Objetivos de Design

  • • Promover confiança na qualidade
  • • Otimizar a eficiência das vendas
  • • Estabelecer consistência estética

Sitemap

Fluxo do Usuário - Helena

Fluxo do Usuário - Caio

Wireframes - Papel

Wireframes - Digital

Teste de Usabilidade

A validação da arquitetura da informação e dos fluxos prioritários de compra e venda foi realizada através de um teste de usabilidade não moderado. Este formato foi muito importante para avaliar a fluidez do uso sem qualquer tipo de intervenção, permitindo a observação do comportamento dos potenciais usuários em um ambiente real.

Tipo: teste de usabilidade não moderado

Participantes: 4 usuários (com idades entre 25 e 40 anos)

Objetivo: avaliar a usabilidade e clareza do fluxo de compra (escolha da peça e finalização do checkout) e do fluxo de venda (listagem de um novo item e solicitação de coleta)

Resultados

  • Baseado no tema "confirmação e transparência", um insight é que a revisão final da compra deve ser posicionada como o último passo da compra, garantindo que os detalhes sejam confirmados imediatamente antes de finalizar a transação, para fortalecer a confiança do cliente.
  • Baseado no tema "otimização de fluxo no checkout", um insight é que a barra de progresso do processo de compra deve ser simplificada de 4 para 3 passos, removendo a "confirmação" como um deles, para evitar dúvida, promover uma maior percepção de agilidade e menor esforço.
  • Baseado no tema "visibilidade de filtros", um insight é que a modificação da barra de filtros horizontal para um menu de filtros lateral é essencial para estabelecer uma hierarquia clara e garantir que todos os filtros essenciais sejam imediatamente visíveis e acessíveis.
  • Baseado no tema "confirmação de pagamento" e continuidade da jornada", um insight é que a tela deve incluir um botão que redirecione o usuário para a página inicial, garantindo que a jornada possa continuar de maneira efetiva.
  • Baseado no tema "instruções de curadoria", um insight é que a introdução de uma página explicativa para os passos da listagem de um item é fundamental para evitar dúvidas e reduzir a ansiedade juntamente com os indicadores de progresso numerados do processo.
  • Baseado no tema "organização do formulário de venda", um insight é que o campo "categoria" deve ser obrigatório para guiar o vendedor e garantir a otimização do processo de curadoria.

Modificações Implementadas

Confirmação e transparência:

Antes o resumo do pedido estava como segundo passo, antes de adicionar as informações de pagamento, o que causava atrito nos usuários que revisavam o pedido sem garantia do valor exato. Portanto, o resumo foi realocado como o último passo antes da finalização da compra.

Otimização de fluxo no checkout:

Antes o processo de compra tinha um marcador de progresso com 4 passos, podendo causar confusão ou até desistência por parte dos usuários com pressa. Portanto, a “confirmação” não foi mais considerada um passo, reduzindo o número para 3.

Visibilidade de filtros:

Antes não era possível visualizar todos os filtros imediatamente, era preciso rolar a barra horizontal para ter acesso a todos, dificultando a tomada de decisão dos usuários. Portanto, foi elaborado um menu lateral que mostrasse todos as possibilidades de filtro juntas imediatamente, facilitando sua escolha e aplicação.

Instruções de curadoria:

Antes não existia uma página que mostrasse as instruções para enviar um item para a curadoria, esse foi o maior ponto de confusão no teste de usabilidade. Portanto, foi introduzida uma página apenas mostrando como a curadoria é fácil de ser feita em apenas 2 passos.

Organização do formulário de venda:

Antes a "categoria" do produto não estava inclusa no processo de listagem do item. Portanto foi acrescentada para facilitar e otimizar a curadoria do Pequeno Tesouro e evitar qualquer frustração para o usuário.

Guia de Estilos

Cores

  • #6AA84F
  • #186668
  • #F48F63
  • #FAFAFA
  • #F0F0F0
  • #222222

Tipografia

Arima
Arima Bold
Mulish
Mulish RegularMulish Bold

Cards e Botões

Título

Mockups (mobile)

Compra

Venda

Ajuda

Minha Área

Mockups (desktop)

Resultados

Garantir a eficiência do fluxo de compra: foi alcançado ao simplificar o processo, exigindo o login/cadastro apenas antes da confirmação de compra e aprimorando a usabilidade dos filtros de busca.

Manter a consistência em todas as plataformas: foi alcançado através do design responsivo para mobile e desktop, utilizando um guia de estilos como base para ambos. Para aumentar a confiança do usuário, foram incluídas avaliações e depoimentos na página de detalhes da programação, complementando o feedback de sucesso após ações (entrar, cadastrar, favoritar) e aumentando a previsibilidade do projeto

Simplificar a navegação recorrente e o planejamento futuro: foi alcançado com o agrupamento das informações das visitas do usuário na página "Minha Agenda", essa área centraliza o histórico e os favoritos, fazendo com que sejam ferramentas úteis para organizar novas visitas.

Lições Aprendidas

  • Necessidade de prototipagem progressiva: para evitar retrabalho, o design responsivo para desktop deve ser validado nos wireframes de baixa fidelidade antes da criação dos mockups finais.
  • Aumentar a amostra de participantes do estudo de usabilidade: embora tenham sido identificados insights significativos, mais vozes garantiriam uma visão mais abrangente do comportamento do usuário.