Aumento de 24% no faturamento da empresa com redesign da landing page

Como utilizei UX Design para melhorar o desempenho da landing page do Studio Archa e aumentar o faturamento da empresa.

Resumo

Com o desafio de trazer melhorias no desempenho das landing pages do Studio Archa, após analisarmos a situação das páginas, optamos pelos seguintes caminhos:

Melhorias no layout da página e mudando a estratégia de inscrição por impulso pela estratégia de melhor apresentação, com conteúdos mais explicativos;
Teste A/B focando na mudança estética e de posicionamento do formulário de inscrição dos usuários.

Resultados

Outubro, Novembro e Dezembro de 2023 (Antes das alterações)
Leads: 2.170 (custo/lead: R$ 36,48)
Interessados: 491
Propostas: 87
Fechamentos: 6 (CAC: R$ 13.196,66)
Faturamento: R$ 180.270,00
Janeiro, Fevereiro e Março de 2024 (Após as alterações)
Leads: 2494 ▲ (custo/lead: R$ 36,48 — )
Interessados: 1.191 ▲
Propostas: 177 ▲
Fechamentos: 19 ▲ (CAC: R$ 4.788,78 ▼)
Faturamento: R$ 224.680,00 ▲

Observações: Após o resultado da primeira alteração visual do site fizemos algumas reuniões de brainstorming com a equipe que foram o gatilho para mudanças de estratégias internas dentro da empresa e que auxiliaram na melhoria dos resultados.

O cenário atual

Saiba mais sobre a Archa e seu trabalho no vídeo:

O Studio Archa vinha com uma estratégia de marketing utilizada geralmente em sites de vendas de cursos, e-books e etc. Trazendo textos apelativos focando no convencimento e na inscrição do usuário no formulário assim que entrasse no site. Como apoio, trazia cases, depoimentos e FAQ mas com o texto apelativo focando na inscrição.

Com essa estratégia, eles conseguiam os leads com um custo baixo mas menos qualificados, resultando em um grande acúmulo de contatos no comercial que sobrecarregava a atendente, gerava custos de propostas e poucos usuários efetuavam a compra.

Com a Archa aberta a novas soluções para melhorar os números do comercial, fizemos uma análise na página através dos dados do Clarity (uma ferramenta gratuita de análise do comportamento do usuário que a empresa utilizava) utilizando das métricas do site, dos mapa de calor, gravações e insights gerados pela IA(disponibilizados no Clarity), juntamente de alguns brainstormings em equipe com a diretoria para alinhar direcionamento e próximos passos. Decidimos trazer melhorias no visual do layout, na estratégia de conteúdo e na estratégia de marketing.

Como embasamento e argumento para validar a mudança do layout, utilizamos dados de pesquisas disponibilizados em uma matéria sobre o impacto do design nos negócios:

Trecho retirado da matéria: https://agenciapomar.com.br/branding-e-vendas/

Trecho retirado da matéria: https://agenciapomar.com.br/branding-e-vendas/

Insights e o mapa de calor gerado pelo Clarity

Insights gerados durante brainstorming em equipe (foram feitos para todas as seções da página)

Objetivo do projeto

Melhorar o desempenho das LPs em campanhas do google através de melhores práticas dentro do wordpress e aumentar a taxa de conversão dos usuários e a qualificação dos leads através de estratégias de UX.

Cronograma

Demos início nas mudanças no fim do mês de Dezembro e início de Janeiro, onde fizemos algumas melhorias no layout, principalmente na versão mobile que estava desconfigurada;

No mês de Fevereiro subimos o novo layout da LP;

E em Março fizemos o teste A/B focado no formulário.

Página Antiga Completa

Teste A/B

Visando uma melhor conversão na página, partimos da hipótese que ao remover o formulário do header iria melhorar a conversão trazendo leads mais qualificados.

Com os usuários entrando na página e já sendo direcionado para o formulário, que ao preencher leva-os para a “thank you page”, impacta em um usuário que muitas vezes não parou pra entender o conteúdo, o serviço, a proposta da empresa.

Visando trazer mais foco ao conteúdo da página, o formulário foi removido do header, adicionado em popup e com novo layout.

Métricas

Para medir o sucesso do teste, comparamos os resultados da perfomance de cada página nas ferramentas de analytics e de tráfego durante os dias 03/03 à 09/03 (tempo ativo do teste). Também criei um funil de usuário para que possamos ver qual foi o impacto da alteração.

Tags utilizadas para contabilizar as etapas do funil no google analytics

Visualização do funil do google analytics

Resultado do Teste A/B

Os resultados foram comparados em percentual, pois não encaminhamos a mesma quantidade de acessos para as duas páginas de maneira a prezar pela segurança do valor investido.

Números de cada etapa do funil

Página vencedora

Página B foi a escolhida como melhor desempenho

Ao analisarmos o impacto no papo do comercial com o usuário, foi notado a diferença no nível de conhecimento do usário sobre o serviço/empresa e com 669 usuários (página B), resultando em 6 propostas, contra 1.309 usuários (página A), resultando em apenas 8 propostas.Validando assim a nossa hipótese sobre o impacto que remover o formulário do header teria sobre os leads.

Guia de estilos

Cores

Tipografia

Botões

Nova página Após o Teste A/B

Desktop e Mobile (medium corta a imagem mobile por ser maior que a desktop)

Conclusão e aprendizados

As alterações foram um sucesso e inspiraram a diretoria a continuar com os testes de UX e com as melhorias. Porém, ainda estamos em um nível muito lento de testes, onde foco agora em melhorar a minha habilidade de convencimento para poder trazer novos testes e evoluir o produto mais rápido.

Agora estou focado em trazer a cultura do Research para dentro da empresa e mostrar o impacto de falar diretamente com o cliente nos números de uma startup.

Pois não existe UX sem falar com o usuário

Próximos Passos

Definimos como próximos passos, trazer uma melhor experiência na página “Thank you Page” por muitos usuários chegarem no momento de falar com o comercial estando com muitas dúvidas, com isso decidimos trazer mais conteúdos sobre os próximos passos nela.Iniciaremos a primeira pesquisa do Studio Archa com o usuário dentro das LPs: Principal, Arquitetos e Thank you page. Assim conseguiremos tirar feedbacks que poderão ser norteadores de nossos próximos passos.

Acesse o site: www.studioarcha.com.br

MUITO OBRIGADO!

Clique aqui para acessar meu linkedin

Como utilizei UX Design para melhorar o desempenho da landing page do Studio Archa e aumentar o faturamento da empresa.

Resumo

Com o desafio de trazer melhorias no desempenho das landing pages do Studio Archa, após analisarmos a situação das páginas, optamos pelos seguintes caminhos:

Melhorias no layout da página e mudando a estratégia de inscrição por impulso pela estratégia de melhor apresentação, com conteúdos mais explicativos;
Teste A/B focando na mudança estética e de posicionamento do formulário de inscrição dos usuários.

Resultados

Outubro, Novembro e Dezembro de 2023 (Antes das alterações)
Leads: 2.170 (custo/lead: R$ 36,48)
Interessados: 491
Propostas: 87
Fechamentos: 6 (CAC: R$ 13.196,66)
Faturamento: R$ 180.270,00
Janeiro, Fevereiro e Março de 2024 (Após as alterações)
Leads: 2494 ▲ (custo/lead: R$ 36,48 — )
Interessados: 1.191 ▲
Propostas: 177 ▲
Fechamentos: 19 ▲ (CAC: R$ 4.788,78 ▼)
Faturamento: R$ 224.680,00 ▲

Observações: Após o resultado da primeira alteração visual do site fizemos algumas reuniões de brainstorming com a equipe que foram o gatilho para mudanças de estratégias internas dentro da empresa e que auxiliaram na melhoria dos resultados.

O cenário atual

Saiba mais sobre a Archa e seu trabalho no vídeo:

O Studio Archa vinha com uma estratégia de marketing utilizada geralmente em sites de vendas de cursos, e-books e etc. Trazendo textos apelativos focando no convencimento e na inscrição do usuário no formulário assim que entrasse no site. Como apoio, trazia cases, depoimentos e FAQ mas com o texto apelativo focando na inscrição.

Com essa estratégia, eles conseguiam os leads com um custo baixo mas menos qualificados, resultando em um grande acúmulo de contatos no comercial que sobrecarregava a atendente, gerava custos de propostas e poucos usuários efetuavam a compra.

Com a Archa aberta a novas soluções para melhorar os números do comercial, fizemos uma análise na página através dos dados do Clarity (uma ferramenta gratuita de análise do comportamento do usuário que a empresa utilizava) utilizando das métricas do site, dos mapa de calor, gravações e insights gerados pela IA(disponibilizados no Clarity), juntamente de alguns brainstormings em equipe com a diretoria para alinhar direcionamento e próximos passos. Decidimos trazer melhorias no visual do layout, na estratégia de conteúdo e na estratégia de marketing.

Como embasamento e argumento para validar a mudança do layout, utilizamos dados de pesquisas disponibilizados em uma matéria sobre o impacto do design nos negócios:

Trecho retirado da matéria: https://agenciapomar.com.br/branding-e-vendas/

Trecho retirado da matéria: https://agenciapomar.com.br/branding-e-vendas/

Insights e o mapa de calor gerado pelo Clarity

Insights gerados durante brainstorming em equipe (foram feitos para todas as seções da página)

Objetivo do projeto

Melhorar o desempenho das LPs em campanhas do google através de melhores práticas dentro do wordpress e aumentar a taxa de conversão dos usuários e a qualificação dos leads através de estratégias de UX.

Cronograma

Demos início nas mudanças no fim do mês de Dezembro e início de Janeiro, onde fizemos algumas melhorias no layout, principalmente na versão mobile que estava desconfigurada;

No mês de Fevereiro subimos o novo layout da LP;

E em Março fizemos o teste A/B focado no formulário.

Página Antiga Completa

Teste A/B

Visando uma melhor conversão na página, partimos da hipótese que ao remover o formulário do header iria melhorar a conversão trazendo leads mais qualificados.

Com os usuários entrando na página e já sendo direcionado para o formulário, que ao preencher leva-os para a “thank you page”, impacta em um usuário que muitas vezes não parou pra entender o conteúdo, o serviço, a proposta da empresa.

Visando trazer mais foco ao conteúdo da página, o formulário foi removido do header, adicionado em popup e com novo layout.

Métricas

Para medir o sucesso do teste, comparamos os resultados da perfomance de cada página nas ferramentas de analytics e de tráfego durante os dias 03/03 à 09/03 (tempo ativo do teste). Também criei um funil de usuário para que possamos ver qual foi o impacto da alteração.

Tags utilizadas para contabilizar as etapas do funil no google analytics

Visualização do funil do google analytics

Resultado do Teste A/B

Os resultados foram comparados em percentual, pois não encaminhamos a mesma quantidade de acessos para as duas páginas de maneira a prezar pela segurança do valor investido.

Números de cada etapa do funil

Página vencedora

Página B foi a escolhida como melhor desempenho

Ao analisarmos o impacto no papo do comercial com o usuário, foi notado a diferença no nível de conhecimento do usário sobre o serviço/empresa e com 669 usuários (página B), resultando em 6 propostas, contra 1.309 usuários (página A), resultando em apenas 8 propostas.Validando assim a nossa hipótese sobre o impacto que remover o formulário do header teria sobre os leads.

Guia de estilos

Cores

Tipografia

Botões

Nova página Após o Teste A/B

Desktop e Mobile (medium corta a imagem mobile por ser maior que a desktop)

Conclusão e aprendizados

As alterações foram um sucesso e inspiraram a diretoria a continuar com os testes de UX e com as melhorias. Porém, ainda estamos em um nível muito lento de testes, onde foco agora em melhorar a minha habilidade de convencimento para poder trazer novos testes e evoluir o produto mais rápido.

Agora estou focado em trazer a cultura do Research para dentro da empresa e mostrar o impacto de falar diretamente com o cliente nos números de uma startup.

Pois não existe UX sem falar com o usuário

Próximos Passos

Definimos como próximos passos, trazer uma melhor experiência na página “Thank you Page” por muitos usuários chegarem no momento de falar com o comercial estando com muitas dúvidas, com isso decidimos trazer mais conteúdos sobre os próximos passos nela.Iniciaremos a primeira pesquisa do Studio Archa com o usuário dentro das LPs: Principal, Arquitetos e Thank you page. Assim conseguiremos tirar feedbacks que poderão ser norteadores de nossos próximos passos.

Acesse o site: www.studioarcha.com.br

MUITO OBRIGADO!

Clique aqui para acessar meu linkedin