#Workshop

#web

#Figma

Claraboia Eco

Sowing sustainable solutions

A colaboração com desenvolvedor, fundadores e outros designers, durante workshop de facilitação, gerou um aumento do números de assinaturas mensais, através de um design mais alinhado com a marca.

6 meses

Período

Product Designer

Função

Visão geral

A Claraboia nasceu da busca de seus fundadores por uma vida mais saudável e equilibrada. Os fundadores queriam mostrar que a partir de pequenas mudança de hábitos podemos construir uma vida mais sustentável, através de kits de assinatura, uma loja online e o blog de conteúdos da empresa.


Em relação ao design anterior, existiam apenas recomendações de cores frias e quentes, e algumas ilustrações e logos da empresa. Igualmente não existiam recomendações para uso de imagens. O site possuía limitações de design e desenvolvimento da plataforma hospedada.


No início do projeto não tínhamos uma missão clara ou objetivos específicos para darmos o start no projeto, a não ser por uma pesquisa de branding feita pela agência explicando tom de voz.

Missão

Tornar a experiência de consumo fácil, construtiva e agradável.

Objetivos

1

Aumentar o número de assinaturas mensais

- Experiência de acesso do site mais eficiente. - Melhorar a leiturabilidade da página de assinatura.

2

Criar serviços e produtos que ajudem as pessoas a mudarem de estilo de vida.

- Ter 50 assinaturas ativas por mês até 3° ano e 100 assinaturas até 5° ano. - Ter mais parcerias com clientes e empresas - Construir uma página de consultoria.

Soluções

1

Novas páginas de Home Page, About, Consultoria e Assinatura

2

Documentação com orientações, guia de estilos, e relatório de pesquisa com os acionáveis.

Solutions

Organizando a casa

Definidos os objetivos e alinhamentos iniciais, dei início a etapa de pesquisas: Analytics, Desk Research e Competidores.

Achados iniciais da exploração

Meu objetivo na pesquisa era entender como e porque as pessoas compravam produtos e serviços ecológicos, e quais conteúdos consumiam sobre esse universo. Encontrei os seguintes insights: 1 - "Cada vez mais pessoas fazem escolhas de consumo baseadas em princípios éticos, que levam em consideração a cadeia de produção e de distribuição, analisando se ela gera impacto socioambiental e econômico positivo." (Desk Research) 2 - As principais páginas do site estavam com pouca visualização, com uma taxa de rejeição alta (72%), o que implicava em apenas 8% de conversão. 3 - Algumas funcionalidades como newsletter, compartilhar e favoritar produtos, categorias bem pensadas, presentes na maioria dos e-commerce analisados poderiam ser melhor exploradas (análise de competidores).

Desk Research

Insights:

  • As pessoas mudam seus hábitos diante de uma nova perspectiva sobre o que se consome e como se consome.

  • Produtos, serviços e experiências com a mentalidade de aproximação com a natureza e seus benefícios, agregam mais valor.

  • O conforto e bem-estar dentro de casa é um importante faotr de decisão na escolha dos produtos e empresas

Analytics

Usuários gastam mais tempo nas páginas de depoimentos (02:14) e na Home Page (02:41) em relação às outras páginas como blog (01:20) ou perguntas e respostas (01:06). Uma possível causa para a baixa conversão.

Concorrentes

Os principais problemas relatados na concorrência estão relacionados ao rastreio, a qualidade do produto e a consistência entre a foto e a entrega final.

Os resultados demonstraram que a experiência não estava completa, ou seja, as pessoas não estavam interagindo todo o conteúdo do site (blog, assinatura e avaliações). A análise dos dados (Analytics) revelou que as páginas de assinatura tinham muito Bounce Rate e pouco tempo de interação, dado o tempo de leitura mínimo do conteúdo, o que poderia ser uma conversão efetiva.


Para entender a fundo esse problema, iniciei uma primeira rodada de Teste de Usabilidade com 5 participantes, com os seguintes perfis:


  • Pessoas com pouco ou nenhum conhecimento sobre produtos e serviços ecológicos, mas desejam mudar de hábito;

  • Pessoas que já tem algum conhecimento do mercado de produtos sustentáveis e buscam algum aprofundamento ou parceria


Isso me ajudou a explorar as causas desse problema e descobrir possíveis oportunidades.


Minhas hipóteses iniciais estavam sustentadas em dois pontos:


  • Rastreabilidade dos conteúdos

  • Conclusão jornada de compra

Vamos trabalhar juntos!



Ser fator

de soma

na vida das pessoas


os.renato@yahoo.com.br

Vamos trabalhar juntos!



Ser fator

de soma

na vida das pessoas


os.renato@yahoo.com.br

#Workshop

#web

#Figma

Claraboia Eco

Sowing sustainable solutions

A colaboração com desenvolvedor, fundadores e outros designers, durante workshop de facilitação, gerou um aumento do números de assinaturas mensais, através de um design mais alinhado com a marca.

6 meses

Perído

Product Designer

Função

Visão geral

A Claraboia nasceu da busca de seus fundadores por uma vida mais saudável e equilibrada. Os fundadores queriam mostrar que a partir de pequenas mudança de hábitos podemos construir uma vida mais sustentável, através de kits de assinatura, uma loja online e o blog de conteúdos da empresa.


Em relação ao design anterior, existiam apenas recomendações de cores frias e quentes, e algumas ilustrações e logos da empresa. Igualmente não existiam recomendações para uso de imagens. O site possuía limitações de design e desenvolvimento da plataforma hospedada.


No início do projeto não tínhamos uma missão clara ou objetivos específicos para darmos o start no projeto, a não ser por uma pesquisa de branding feita pela agência explicando tom de voz.

Missão

Tornar a experiência de consumo fácil, construtiva e agradável.

Objetivos

1

Aumentar o número de assinaturas mensais

- Experiência de acesso do site mais eficiente. - Melhorar a leiturabilidade da página de assinatura.

2

Criar serviços e produtos que ajudem as pessoas a mudarem de estilo de vida.

- Ter 50 assinaturas ativas por mês até 3° ano e 100 assinaturas até 5° ano. - Ter mais parcerias com clientes e empresas - Construir uma página de consultoria.

Soluções

1

Novas páginas de Home Page, About, Consultoria e Assinatura

2

Documentação com orientações, guia de estilos, e relatório de pesquisa com os acionáveis.

Putting the pieces together

Definidos os objetivos e alinhamentos iniciais, dei início a etapa de pesquisas: Analytics, Desk Research e Competidores.

Initial exploration finds

Meu objetivo na pesquisa era entender como e porque as pessoas compravam produtos e serviços ecológicos, e quais conteúdos consumiam sobre esse universo. Encontrei os seguintes insights:


1 - "Cada vez mais pessoas fazem escolhas de consumo baseadas em princípios éticos, que levam em consideração a cadeia de produção e de distribuição, analisando se ela gera impacto socioambiental e econômico positivo."

(Desk Research)


2 - As principais páginas do site estavam com pouca visualização, com uma

taxa de rejeição alta (72%), o que implicava em apenas 8% de conversão.


3 - Algumas funcionalidades como newsletter, compartilhar e favoritar produtos, categorias bem pensadas, presentes na maioria dos e-commerce analisados poderiam ser melhor exploradas (análise de competidores).

Os resultados demonstraram que a experiência não estava completa, ou seja, as pessoas não estavam interagindo todo o conteúdo do site (blog, assinatura e avaliações). A análise dos dados (Analytics) revelou que as páginas de assinatura tinham muito Bounce Rate e pouco tempo de interação, dado o tempo de leitura mínimo do conteúdo, o que poderia ser uma conversão efetiva.


Para entender a fundo esse problema, iniciei uma primeira rodada de Teste de Usabilidade com 5 participantes, com os seguintes perfis:


  • Pessoas com pouco ou nenhum conhecimento sobre produtos e serviços ecológicos, mas desejam mudar de hábito;

  • Pessoas que já tem algum conhecimento do mercado de produtos sustentáveis e buscam algum aprofundamento ou parceria


Isso me ajudou a explorar as causas desse problema e descobrir possíveis oportunidades.


Minhas hipóteses iniciais estavam sustentadas em dois pontos:


  • A baixa rastreabilidade dos conteúdos faz com que os clientes não cheguem ao final do checkout.


  • As diversas etapas da jornada de compra da loja diminuem a taxa de conversão.

Putting the pieces together

Usuários gastam mais tempo nas páginas de depoimentos (02:14) e na Home Page (02:41) em relação às outras páginas como blog (01:20) ou perguntas e respostas (01:06). Uma possível causa para a baixa conversão no período anterior.

Putting the pieces together

Os principais problemas relatados na concorrência estão relacionados ao rastreio, a qualidade do produto e a consistência entre a foto e a entrega final.

Putting the pieces together

Como poderíamos

1

Como poderíamos tirar dúvidas, inseguranças das pessoas que gostariam de um consultoria personalizada?

2

Como poderíamos trazer mais credibilidade para para o blog e para a assinatura dos kits?

Putting the pieces together

Os principais insights até aqui foram:


  • Pessoas gostam de ter confiança primeiro no produto que estão comprando para depois ter empatia pela empresa

  • Clientes gostam de ler comentários e reviews de outras pessoas que já utilizaram o produto

  • Ter a possibilidade de comparar os preços dos produtos nos kits/assinaturas e na compra avulsa traz um senso de ganho para as pessoas

  • Muitas pessoas ao comprarem pela primeira vez em um site novo, sentem-se inseguras para começar uma assinatura. Portanto, seria necessário construir uma relação de confiança entre ambos.

  • Categorias por experiências é ótimo para ajudar o usuário a encontrar algum produto específico (análise de competidores);


O mapa de afinidade ajudou a sintetizar as oportunidades e problemas explorados, também me ajudou a destacar e agrupar pontos de dor que os usuários costumam enfrentar em suas experiências.

Os usuários que participaram dos testes e entrevistas pareciam confusos e pouco resolutivos ao usarem o site. Mas, depois de um tempo, ficou claro que os usuários esperavam que a experiência fosse mais acolhedora e com liberdade de uso, à medida que os e-commerce se tornam mais uma parte integrante de suas vidas


“Não sei se o foco é a loja ou o blog. E os produtos, cadê na página inicial? (…).”

(Teste de Usabilidade)


" Gosto de ter confiança e gosto no produto para escolher a empresa e, assim, talvez, fazer uma assinatura." (Entrevista)

60% dos usuário relataram que não encontravam os produtos na página inicial (testes de usabilidade) e mais da metade das pessoas relataram que tem resistência em fazer uma assinatura por não conhecer a empresa (entrevistas).

Comecei então a pegar referências visuais e fazer os rascunhos e módulos das novas páginas.


A página inicial precisava transmitir a proposta de valor da empresa, além de seus produtos e serviços. Já a nova página de consultoria tem como objetivo apresentar os serviços de mentoria, eventos e outras especialidades da área.

Com os entregáveis priorizados, rodei um Card Sorting com usuários ativos e novos usuários para entender melhor como as pessoas escolham os produtos baseados em categorias de experiências. As principais categorias descobertas foram:


Palavras e produtos usados: Sabonete | Escova | Leitura | Esponja | Presente


Categorias criadas pelos usuários: Cuidados com o corpo | Casa | Higiene pessoal

Apesar das pessoas conseguirem concluir a compra, muitas ainda tinham dúvida sobre o que se tratava o site, sua indústria e produtos, o que causava frustração e receio nos novos possíveis clientes.


Mapeados os pontos de dores e oportunidades de melhoria na jornada, pude explorar as possíveis soluções para os problemas encontrados:


Soluções priorizadas

  • Respostas para angústias de consumo - Blog

  • Conforto e praticidade para iniciar - Descritivo do Kit de Assinaturas


Soluções não priorizadas

  • Pacotes de produtos para problemas de ambientes: cozinha, banheiro, etc.

  • Confiabilidade através de produtos testados - Negócio

O que faria
diferente

Exploraria mais algumas soluções encontradas, com testes multivariados para encontrar oportunidades que se ajustariam melhor a diferentes públicos consumidores.


Realizar uma 2ª rodada de testes pós implementação do design final para coletar feedback, alinhar métricas e direcionar produto;

Lições
aprendidas

Melhor alinhamento da estratégica de negócio para com o produto;


Explorar mais as possíveis soluções em relação aos diferentes cenários de uso;


Testar diferentes contextos de usuários, levando em conta suas necessidades socioeconômicas e comportamentais.

A página original não apresentava os produtos e serviços oferecidos pela empresa, o que causava confusão para os usuários durante os testes iniciais.


Algumas das primeiras impressões:


  • "Não sei como funciona."


  • "Porque a loja parece ser um site diferente?"


Muitos clientes (relato dos próprios entrevistados) por não conseguirem identificar qual o objetivo do site, não continuavam na jornada de compra.

A primeira versão teve uma percepção mais precisa (5 de 6) em relação ao propósito do site: consumo consciente.


Algumas pessoas (em torno de 20%) ainda estavam em dúvida sobre que tipos de produtos eram vendidos.


Assim, reestruturei a hierarquia da informação, de maneira que o conteúdo e imagens remetessem a proposta da empresa.

A versão final obteve resultados ainda mais favoráveis, 6 de 6 pessoas conseguiram identificar com sucesso a categoria de produto do negócio: bem-estar, beleza, naturais e sustentável.


Cerca de 83% dos respondentes percebem o design como:


  • Clean

  • Aconchegante

  • Produtos naturais


Após o lançamento do site, redesenhado a experiência de compra, houve um aumento em 10% o número de vendas de assinaturas.



5 Second Test

Nesta etapa precisei medir quão bem o novo design comunicava rapidamente a mensagem, fornecendo um feedback quantitativo e qualitativo que me ajudou a otimizar o design.

Resultados

O design final teve desempenho 30% maior do que a primeira versão e 85% maior em relação à original.

Final design, testing, and documentation

Em seguida comecei a desenhar as telas finais.


Baseado nos insights e análises das entrevistas e resultados de testes de usabilidade, criei 6 novas páginas, um guia de estilos visual (com recomendações de uso) e um documento completo com acionáveis, sugestões de pesquisas e entregáveis finais.


Abaixo você encontrará parte dessa documentação e alguns resultados preliminares do projeto.

Vamos trabalhar juntos!



Ser fator de soma

na vida das pessoas


os.renato@yahoo.com.br