top of page

Landing Page da Babbel

Cover - Head.png

Objetivo

O objetivo do projeto é criar uma Landing Page para anunciar e vender um produto ou serviço. Deve ter apenas 1 página, contendo todo o conteúdo relevante para o produto que você está trabalhando. A Landing Page deve ser de alguma marca bem conhecida no mercado, para que você escolha 1 produto ou serviço para criar esta página de promoção. A página deve ser para a web, em formato padrão, sem responsividade e sem preocupação com mobile.

Solução

UX|UI Design

Minha Performance

Uma landing page focada em aumentar a confiança no método e sua conversão.

Método Usado

Decidi começar com uma pesquisa documental para descobrir informações sobre a empresa e o público antes de, nas próximas etapas, ter suposições, pain points e uma definição do problema.
Double Diamond - Babbel-01-01-01.png
Babbel page complete-01.png

Sobre a Babbel

Babbel é uma plataforma educacional online criada em 2007, em Berlim, Alemanha, para ensinar idiomas para alunos em qualquer lugar e a qualquer hora. Atualmente, as línguas disponíveis são quatorze: holandês, português brasileiro, alemão, espanhol, inglês, turco, italiano, indonésio, francês, norueguês, sueco, francês, russo e polonês.

Em 2018 a Babbel contava com cerca de 1 milhão de assinaturas em sua plataforma e, no mesmo ano, um novo conjunto de produtos chegou ao mercado, como o mercado de viagens. Também são reconhecidos com prêmios, pesquisas da imprensa e universidades. O método inovador de aprendizagem foi testado e validado.

Objetivos

Ao pesquisar pude perceber que a Babbel possui alguns diferenciais em relação a outras do mesmo segmento, os principais objetivos eram:

  • Ter uma boa experiência e um processo de aprendizagem alegre;

  • Ter suporte 24 horas por dia para ficar mais próximo do usuário;

  • Concentrar-se no que o usuário deseja estudar, seja viajar ou morar no exterior;

  • Tenha um aprimoramento rápido das habilidades, ao mesmo tempo no tempo do aluno;

  • A boa qualidade de uma boa sala de aula presencial, mas onde você está.

Trustpilot

Eu li sobre alguns comentários no Trustpilot e a maioria deles são excelentes (69%) e muito bons (26%), o resto é bom (2%), ruim (> 1%) e tão ruim (2%), o total de reviews é de 14.885 até a realização desta pesquisa.

 

A maioria diz, de maneira geral, que o método é bom e estão aprendendo de forma expressiva. A porcentagem de ruim, tem alguns problemas sobre a plataforma interna. Assim, a porcentagem ruim mostra reclamações sobre os problemas de pagamento e microfone, apenas um usuário analisa a reclamação sobre o método.

Middle of Portfolio-01.png

Benchmark

Eu descobri alguns concorrentes para comparar seus pontos fortes e fracos, recursos e o que contém na Landing Page. Escolhi pela notoriedade de site, método validado, aulas online e plataformas semelhantes.

Babbel - Benchmark-01.png

Análise Heurística

Depois de analisar os concorrentes, fiz uma análise heurística para conseguir uma melhor compreensão da página de papéis e seus problemas a serem corrigidos. Eu apenas mostrei o que precisava ser corrigido.

Alinamento entre o Sistema e o Mundo Real

Estética e Minimalismo

Ajuda e Documentação

Aspectos como mais avaliações e especialistas da área ou pesquisas devem aparecer para criar um ambiente de confiança mais forte.

Algumas mudanças precisam ser feitas para corrigir e solucionar, principalmente para minimizar as informações e fortalecer a mensagem da marca.

Em cursos online, os clientes precisam ter uma maneira fácil de entrar em contato e ajudar, então isso precisava ser corrigido.

Babbel - Match between system and real w
Babbel - Aesthetic and Minimalism Design
Babbel - AHelp and Documentation-01.png

Formulário

Fiz uma pesquisa no google forms e obtive 15 respostas. Isso me ajudou a complementar a pesquisa de Yale e a pesquisa da City University of New York sobre a satisfação e eficácia do método Babbel, mas o que eu queria saber era sobre as motivações e diferenciais de escolher ou não um curso de idiomas online para entender melhor os clientes.

Babbel - Results of Universities Researc
Babbel - Results of Universities Researc

Survey's Answers:

Babbel - Survey Complete-01.png

No final, pude perceber que existem palavras repetitivas como preço, professores, método, plataforma e tempo, demonstrando a importância desses tópicos. Os motivos para a escolha dessa forma de estudo foram desde o profissional até o acesso a outros reconhecimentos.

Entrevista

Fiz uma entrevista por videoconferência e fiz algumas perguntas depois de analisar todos os pontos mencionados acima e começar a ter algumas suposições. Também pedi a entrevistada para ver a landing page e dizer o que precisa ser melhorado e o que tem ou não relevância.

A entrevistada explicou sobre a quantidade de idiomas que aprendeu / quer aprender, o tempo mínimo para ser fluente em algum idioma (2 anos) e o que ela acha que é funcional, precisa ser aprimorado e a relevância da página de destino da Babbel real. O preço deve aparecer nesta página, o minimalismo chama a atenção dela e a barra de idiomas é eficaz, em sua opinião. Além disso, ela disse que o método e a quantidade de idiomas são os diferenciais em relação aos demais concorrentes.

Hipóteses

Algumas perguntas surgiram em minha mente enquanto eu colhia mais e mais informações. Como mencionei antes, eu tinha essas premissas (abaixo) e quando recebo informações suficientes para validar ou não todas elas me concentro em algumas e comecei a estabelecer o problema principal.

  • Os jovens estão mais habituados a este tipo de serviço.

  • O preço é importante de ser mostrado e acho que aqui também deveria ter.

  • As pessoas que usam esse tipo de site são ocupadas.

  • As pessoas escolhem a Babbel por causa de seu método.

  • As pessoas escolhem a Babbel devido ao seu preço e intervalo de tempo.

  • A quantidade de idiomas disponíveis é uma boa vantagem.

  • p call to action precisa ser maior.

  • O layout da página deve atender às expectativas.

Estabelecimento do Problema

Os clientes têm alguns problemas para encontrar informações sobre o tempo médio para obter fluência e preços e planos disponíveis. Também, a ausência de apoio e cuidado, sendo uma plataforma online sem apresentar os docentes, bem como a prova da eficácia do método para criar um sentimento de confiança.

Pain Points

Para uma melhor compreensão, separei em tópicos os pontos problemáticos que precisavam ser corrigidos.

  1. Preço e planos

  2. Especialistas por trás

  3. Tempo médio

  4. Provas e amostras de resultados sobre a eficácia do método

  5. Mostrar mais apoio

  6. Minimizar as informações na parte inferior da página

Proto Personas

Babbel - Proto persona-01.png
Babbel - Proto persona-02.png

Mapa da Jornada do Usuário

Customer Journey Map-01.png
Customer Journey Map-02.png

Processo de Decisão de Compra

Além dos mapas de jornada do cliente, analisei o passo a passo na decisão por trás da escolha de comprar um produto Babbel, para ser claro e direto, como basear as etapas da página de destino nele também. Assim, o cliente teria ainda mais motivos para comprar, como duas vantagens: preço e método.

Purchase Decision Process-01.png
Babbel - Branding and moodboard and styl
Babbel - Branding and moodboard and styl

Wireframes

Decidi então fazer o acompanhamento na transição digital com a segunda opção. Porque ele combina mais efetivamente com os dados e ferramentas mencionados antes.

Babbel - Wireframes-01.png
Babbel - Wireframes-02.png
Page 01 - Wireframe.png

Visual Design

Para criar a interface eu utilizei o Figma.

Page 01.png

O que eu fiz para melhorar foi:

  • Mudei o cabeçalho da página para passar por uma situação diária do usuário Babbel, para estudar onde você estiver. Além disso, centralizo o texto e deixo maior o CTA para chamar a atenção ali.

  • Fiz uma alteração no texto do terceiro benefício para mostrar a rapidez dos resultados porque os clientes consideram isso importante quando procuram um curso.

  • Eu ajustei o chat ao vivo para humanizá-lo mais, ajuda a criar um sentimento de cuidado, mas minimizei a parte de uma IA por trás disso. E coloco um botão para voltar ao cabeçalho, ao CTA, em qualquer parte da página que você estiver.

  • Eu fiz a transição das cores através das diferentes categorias para estabelecer e criar uma melhor memorização nos clientes e para tornar mais forte a mensagem da marca.

  • Mostrei o método comprovado pela pesquisa de Yale, pois em pesquisas e entrevistas eu pude perceber que os clientes se sentem seguros e confiáveis ​​no método previamente validado.

Languages Options.png
FAQ.png
  • A próxima validação é qualitativa e capturada no Truepilot pelos alunos da Babbel, a boa pontuação foi colocada no cabeçalho da página também.

  • Um teste gratuito atende clientes com dúvidas e faz mais leads para fidelizar clientes.

  • O preço era muito mencionado pelos clientes e a Babbel tinha essa vantagem em comparação com seus concorrentes, também era difícil descobrir no local e era um ponto problemático visto drasticamente nos mapas de jornada do cliente. O preço vinha antes da opção por uma aula gratuita para atender a fins comerciais e também aos clientes.

  • FAQ tornam a eficácia do projeto mais confiável e transparente, trazendo o auxílio do suporte necessário a este tipo de produto.

  • Fiz algumas alterações na parte inferior da página para melhor leitura e compreensão, como espaçamento entre os textos e links, otimização da exibição dos idiomas disponíveis na página e redes sociais mais visíveis e clicáveis.

Prototype

The prototype was made on Figma, click here to test.

Slide 1.png

Obrigada :D

bottom of page