Sobre o projeto:
O Parceiro da Construção é uma plataforma de educação voltada para o universo da Construção Civil. Em paralelo à outras ações de melhorias no App, diagnosticamos uma oportunidade de atuação na principal tela de captura de usuário, melhorando assim o nosso processo de aquisição.
O Parceiro da Construção é uma plataforma de educação voltada para o universo da Construção Civil. Em paralelo à outras ações de melhorias no App, diagnosticamos uma oportunidade de atuação na principal tela de captura de usuário, melhorando assim o nosso processo de aquisição.
Problema:
Mesmo já tendo passado por recentes mudanças em sua estrutura, a Home Page do portal Parceiro da Construção ainda apresentava problemas específicos como a baixa taxa de conversão de novos usuários, alta taxa de rejeição e dificuldades pontuais na navegação da página.
Mesmo já tendo passado por recentes mudanças em sua estrutura, a Home Page do portal Parceiro da Construção ainda apresentava problemas específicos como a baixa taxa de conversão de novos usuários, alta taxa de rejeição e dificuldades pontuais na navegação da página.
Resultado esperado:
• Diminuir a taxa de rejeição no portal;
• Diminuir a quantidade de perguntas via chat com dúvidas sobre novo cadastro;
• Melhorar a taxa de conversão de novos usuários;
• Diminuir tempo de carregamento das imagens na Home;
• Melhorar cadastro e busca de cursos na página principal.
• Diminuir a taxa de rejeição no portal;
• Diminuir a quantidade de perguntas via chat com dúvidas sobre novo cadastro;
• Melhorar a taxa de conversão de novos usuários;
• Diminuir tempo de carregamento das imagens na Home;
• Melhorar cadastro e busca de cursos na página principal.
O que deve ser feito?
Atualização da Home Page do portal, aproveitando sua estrutura já existente (Webflow) e colocando em prática ajustes de alto impacto e baixo esforço.
Atualização da Home Page do portal, aproveitando sua estrutura já existente (Webflow) e colocando em prática ajustes de alto impacto e baixo esforço.
Discovery:
Com o processo de Discovery já em andamento e após as etapas de Benchmarking, Suposição Heurística e Análise de Dados, sugerimos então uma reformulação na estrutura base da home desenhando um novo Wireframe e sugerindo elementos visuais que pudessem fazer uma ligação mais próxima com o usuário.
Com o processo de Discovery já em andamento e após as etapas de Benchmarking, Suposição Heurística e Análise de Dados, sugerimos então uma reformulação na estrutura base da home desenhando um novo Wireframe e sugerindo elementos visuais que pudessem fazer uma ligação mais próxima com o usuário.
Etapas realizadas:
• Aprofundamento das suposições heurísticas na home
• Acompanhamento da interação dos usuários com a página via Hotjar
• Captação de novos depoimentos dos usuários como prova social (inclusão da foto do usuário)
• Definição e unificação de CTA de cadastro após etapas de teste via G. Optimize
• Reformulação de banner na 1ª dobra da home, trazendo mais humanização com uso de personagem
• Acompanhamento das taxas de rejeição e conversão após modificações iniciais via G. Analytics
• Atualização dos mockups com telas mais recentes e realistas do app (diminuir uso de ilustração)
• Retirada > redirecionamento de links quebrados no menu
• Aprofundamento das suposições heurísticas na home
• Acompanhamento da interação dos usuários com a página via Hotjar
• Captação de novos depoimentos dos usuários como prova social (inclusão da foto do usuário)
• Definição e unificação de CTA de cadastro após etapas de teste via G. Optimize
• Reformulação de banner na 1ª dobra da home, trazendo mais humanização com uso de personagem
• Acompanhamento das taxas de rejeição e conversão após modificações iniciais via G. Analytics
• Atualização dos mockups com telas mais recentes e realistas do app (diminuir uso de ilustração)
• Retirada > redirecionamento de links quebrados no menu
Ideação e Experimento:
Com todos os elementos visuais prontos, levamos tudo para o Webflow e decidimos lançar os novos recursos por etapa com o objetivo de acompanhar separadamente seus desempenhos. Todos os resultados apresentados abaixo são com base APENAS no lançamento do banner da primeira dobra da home. Por impedimentos internos do cliente, precisamos pausar as liberações de melhoria, mesmo com todos os elementos já prontos para serem validados com o usuário.
Com todos os elementos visuais prontos, levamos tudo para o Webflow e decidimos lançar os novos recursos por etapa com o objetivo de acompanhar separadamente seus desempenhos. Todos os resultados apresentados abaixo são com base APENAS no lançamento do banner da primeira dobra da home. Por impedimentos internos do cliente, precisamos pausar as liberações de melhoria, mesmo com todos os elementos já prontos para serem validados com o usuário.
Resultados alcançados (Primeira etapa):
• Acompanhamento das taxas de rejeição após modificações iniciais (banner 1ª dobra):
Diminuição de 86,97% para 61,32%
• Além da melhoria na taxa de rejeição da home, tivemos também uma melhora na página de “Cursos para construção civil” após uns ajustes finos de layout: De 94,27% para 58,70%
• Melhoria no cadastramento de curso através do Webflow com facilidade de gestão por parte da equipe, resultando no futuro também numa melhor navegação para o usuário final
• Ajustes de responsividade (mobile e outras telas)
• Inclusão de FAQ através de CMS (+ autonomia para equipe)
Diminuição de 86,97% para 61,32%
• Além da melhoria na taxa de rejeição da home, tivemos também uma melhora na página de “Cursos para construção civil” após uns ajustes finos de layout: De 94,27% para 58,70%
• Melhoria no cadastramento de curso através do Webflow com facilidade de gestão por parte da equipe, resultando no futuro também numa melhor navegação para o usuário final
• Ajustes de responsividade (mobile e outras telas)
• Inclusão de FAQ através de CMS (+ autonomia para equipe)
Ficha técnica:
• Luciano Alpes e Lídia Carvalho (Product Designers)
• Camila Fraga (Product Manager)
• Laís Lima (Associate Product Manager)
• Hugo Mouto (Head de Produto)
Cliente: Parceiro da Construção, Saint-Gobain Brasil;
• Luciano Alpes e Lídia Carvalho (Product Designers)
• Camila Fraga (Product Manager)
• Laís Lima (Associate Product Manager)
• Hugo Mouto (Head de Produto)
Cliente: Parceiro da Construção, Saint-Gobain Brasil;
Ferramentas utilizadas:
• Discovery: Miro
• Documentação: Notion
• Ideação: Figma e Webflow
• Métricas e Dados: Google Analytics, Optimize e Hotjar.
• Documentação: Notion
• Ideação: Figma e Webflow
• Métricas e Dados: Google Analytics, Optimize e Hotjar.
