A nova Home da área de membros busca trazer a experiência Netflix muito mais imersiva para o usuário que esta navegando pelos seus produtos. Proporcionando também mais liberdade para que o produtor configure as seções de acordo com a sua estratégia de vendas, compartilhando com o usuário logados novas ofertas e oportunidades.
Da uma olhada em como ela pode ficar personalizada:
Com exceção das seções "Continue" e "Meus produtos", todas as outras informações são opcionais, podendo decidir quais adicionar.
Modelos Prontos no Canva para sua Home
Para facilitar e agilizar a personalização da sua área de membros, criamos um kit completo de modelos editáveis no Canva.
No link abaixo, você encontrará templates para todas as imagens da nova Home, já com as dimensões e áreas de segurança recomendadas:
-
Banners do topo (Trio de Banner)
-
Capas de produtos (formato vertical e horizontal)
-
Banners adicionais (Trio, Duo e Rodapé)
Agora, quer entender melhor como cada seção funciona? Te explicamos:
Trio de Banner
O Trio de Banner são os banners exibidos no topo da home em formato carrossel. Nele, você pode inserir até três imagens ou GIFs. É essencial seguir as dimensões recomendadas na configuração para a versão mobile e desktop.
Além das dimensões, recomendamos criar margens para garantir a "Área a Salvo", protegendo elementos importantes de cortes em diferentes dispositivos.
Exemplo de Banners nas dimensões recomendadas, 2200 x 1031px para desktop e 360 x 692px para mobile, com uma margem de 50px em cada lado:
Seção "continue"
A seção "Continue" exibe as aulas de produtos do tipo curso online que os alunos já iniciaram e ainda não finalizaram.
A imagem apresentada nesta seção é a thumbnail da aula. Caso nenhuma imagem tenha sido inserida, será exibido um ícone padrão, como mostrado no exemplo da Home acima.
Seção "Meus produtos"
Nesta seção, o aluno encontra todos os produtos adquiridos na plataforma.
A imagem exibida é a capa do produto. No painel administrativo, em "Área de Membros" > "Seções" > "Meus produtos", é possível definir se as capas serão exibidas na vertical ou horizontal. Certifique-se de que os produtos possuam capas na orientação correta.
Seções "Personalizadas"
Você pode adicionar até 3 seções personalizadas na Home. Elas podem ser usadas para promover outros produtos, facilitando a descoberta de novos conteúdos pelos alunos.
Nela você personaliza o nome da seção, quais produtos serão exibidos, a ordem de exibição, a orientação da capa que será exibida e para onde o aluno será direcionado ao clicar.
Banner adicionais
Os banners adicionais podem ser usados para divulgar seu negócio, comunidades, produtos ou destacar promoções. Eles podem ser usados individualmente ou combinados.
Os tipos de banners são:
-
Trio: onde você pode usar três banners lado a lado
-
Duo: dois banners lado a lado
-
Rodapé: um banner maior, que será exibido mais ao final da página.
Assim como o Trio de Banner demonstrado mais acima, os banners adicionais também tem dimensões e margens para gerar "Área a salvo" recomendadas. Para margem, recomendamos 30px de cada lado. Como o exemplo:
Banner rodapé desktop : Dimensão ideal: 2104 x 250px; Margem recomendada: 30px
Rodapé
O rodapé é um espaço para compartilhar suas redes sociais, textos informativos e contatos para suporte ao aluno.