A Importância das imagens na sua Plataforma

Você sabia que 90% das informações transmitidas ao cérebro são visuais e que imagens são processadas muito mais rápido que textos? No ambiente de ensino online, isso não é diferente. As capas dos seus cursos, módulos e as imagens de suporte nas aulas não são meros enfeites; elas são ferramentas estratégicas de engajamento.

Imagens de alta qualidade e bem posicionadas cumprem papéis cruciais:

  • Atração Imediata: Aumentam o desejo e a curiosidade do aluno logo de cara.

  • Identidade Visual: Transmitem profissionalismo, credibilidade e reforçam sua marca (branding).

  • Organização e Retenção: Facilitam a escaneabilidade do conteúdo, tornando o aprendizado mais fluido e atrativo. Um curso bem ilustrado comunica com força e personalidade.

Lista de imagens dos grupos/cursos

Temos abaixo uma lista com todas as imagens que devem ser adicionadas aos seus cursos/grupos e, em seguida, exatamente onde adicionar suas imagens e as dimensões ideais para garantir uma aparência incrível em qualquer dispositivo.

circle-info

Em "Configurações" são adicionadas as imagens relativas ao grupo/curso em geral.

Em "Conteúdos" são adicionadas as imagens relativas aos módulos e aulas do grupo/curso.

Em "Vendas", em cada oferta é possível adicionar banners (superior e inferior) que serão exibidos na página do Checkout.

Nas "Configurações" de um grupo você adiciona as capas e outras imagens nas seguintes abas:

Aba "Informações básicas":

Capas do grupo

  1. Capa horizontal

  2. Capa vertical

Aba "Página principal":

Imagens da Billboard

  1. Plano de fundo em destaque na Billboard - Desktop

  2. Plano de fundo da Billboard - Mobile

  3. Estampa

Aba "Certificados":

Fundo do certificado

  1. Fundo do certificado

Aba Identidade visual (para facilitar a vida do seu designer):

Imagens da comunidade

  1. Capa da comunidade - Desktop

  2. Capa da comunidade - Mobile

Imagens do grupo

  1. Capa horizontal

  2. Capa vertical

  3. Capa imersiva

Imagens da Billboard

  1. Plano de fundo em destaque na Billboard (Desktop)

  2. Plano de fundo da Billboard - Mobile

  3. Estampa

Imagem do certificado

  1. Fundo do seu certificado

Nos "Conteúdos" do grupo você adiciona as imagens nas seguintes abas:

Aba "Predefinições de conteúdo":

  1. Capa imersiva

Aba "Módulos e aulas" > "+ Criar módulo":

  1. Capa do módulo

Aba "Módulos e aulas" > "+ Criar aula " (dentro de um módulo):

  1. Capa da aula

Em "Vendas" do grupo você adiciona banners para personalizar o Checkout:

Aba "Ofertas" > "+ Criar oferta" ou "Editar oferta" > aba "Experiência:

  1. Banner superior - Desktop

  2. Banner inferior - Desktop

  3. Banner superior - Mobile

  4. Banner inferior - Mobile

Localização e dimensões das imagens

Abaixo, detalhamos as especificações técnicas das imagens, incluindo sua localização no documento e suas dimensões.

Capas do grupo (thumbnail)

Em "Grupos e recursos" > dentro do grupo vá em "Configurações" > aba "Informações básicas":

  1. Capa horizontal Imagem na proporção de 1280x720, ou 16:9.

  2. Capa vertical Se Imagem na proporção de 573x768, ou 9 : 12.

Imagens da Billboard (Página principal da plataforma)

Imagens a serem exibidas quando o grupo for adicionado como "Destaque" na Billboard.

Em "Grupos e recursos" > dentro do grupo vá em "Configurações" > aba "Página principal":

  1. Plano de fundo em destaque na Billboard - Desktop É exibida por 1 minuto ao fim do vídeo de destaque. Imagem na proporção de 1920x1080, ou 16:9.

  2. Plano de fundo da Billboard - Mobile Em dispositivos móveis, utilizaremos esta imagem como plano de fundo do seu destaque. Imagem na proporção de 1080x1440, ou 9:12.

  3. Estampa É a marca do seu grupo. Será utilizada ao invés do título no Destaque, na listagem de aulas e na página externa do produto. Imagem na proporção de 600x240, ou 5:2.

Fundo do certificado

Em "Grupos e recursos" > dentro do grupo vá em "Configurações" > aba "Certificados":

  1. Fundo do certificado Escolha uma imagem para ser impressa como fundo do seu certificado. Prefira imagens que encaixem no modelo folha A4.

Todas as imagens de "Configurações" do grupo em um só local

Essa aba existe para facilitar a vida do seu designer, pois nela é possível adicionar todas as imagens relativas às " Configurações" do grupo.

Em "Grupos e recursos" > dentro do grupo vá em "Configurações" > aba "Identidade visual":

Imagens da comunidade

  1. Capa da comunidade - Desktop Capa da comunidade em desktops. Imagem na proporção de 1920x400.

  2. Capa da comunidade - Mobile Capa da comunidade no mobile. Imagem na proporção de 1000x400.

Imagens do grupo

  1. Capa horizontal Imagem na proporção de 1280x720, ou 16:9.

  2. Capa vertical Imagem na proporção de 573x768, ou 9:12.

  3. Capa imersiva Essa imagem será o plano de fundo dentro da sua comunidade e nas telas de aulas (Modo imersivo, seriado e dentro da aula). Imagem na proporção de 1920x1080, ou 16:9.

Imagens da Billboard

  1. Plano de fundo em destaque na Billboard - Desktop É exibida por 1 minuto ao fim do vídeo de Destaque. Imagem na proporção de 1920x1080, ou 16:9.

  2. Plano de fundo da Billboard - Mobile

    Em dispositivos móveis, nós utilizaremos esta imagem como plano de fundo do seu Destaque. Imagem na proporção de 1080x1440, ou 9:12.

  3. Estampa

    É a marca do seu grupo. Será utilizada ao invés do título no Destaque, na listagem de aulas e na página externa do produto. Imagem na proporção de 600x240, ou 5:2.

Imagem do certificado

  1. Certificado Escolha uma imagem para ser impressa como fundo do seu certificado. Prefira imagens que encaixem no modelo folha A4.

Imagens adicionadas em "Conteúdos"

Capa imersiva

Em "Grupos e recursos" > dentro do grupo vá em "Conteúdos" > aba "Predefinições de conteúdo":

  1. Capa imersiva Essa imagem será o plano de fundo dentro da sua comunidade e nas telas de aulas (Modo imersivo, seriado e dentro da aula). Imagem na proporção de 1920x1080, ou 16:9.

Capa do módulo

Em "Grupos e recursos" > dentro do grupo vá em "Conteúdos" > aba "Módulos e aulas" > "+ Criar módulo":

  1. Capa do módulo Imagem na proporção de 573x768, ou 9:12.

Capa da aula

Em "Grupos e recursos" > dentro do grupo vá em "Conteúdos" > aba "Módulos e aulas" > "+ Criar aula":

  1. Capa da aula Será utilizada como retorno de imagem da sua aula. Imagem na proporção de 1366x768, ou 16:9.

Banners na página do checkout

Ao configurar uma oferta é possível adicionar banners (1 banner superior e 1 banner inferior) que serão exibidos na página do checkout.

Em "Grupos e recursos" > dentro do grupo vá em "Vendas" > aba "Ofertas" > "+ Criar oferta" ou "Editar oferta" > aba "Experiência" > "Habilitar personalização do Checkout?":

  1. Banner superior - Desktop Será exibido no topo da página do checkout, antes dos campos do formulário. Recomendamos as dimensões de 1960 x 280 ou na proporção de 7:1.

  2. Banner inferior - Desktop Será exibido no final da página do checkout, depois dos campos do formulário. Recomendamos as dimensões de 1960 x 280 ou na proporção de 7:1.

  3. Banner superior - Mobile Será exibido no topo da página do checkout, antes dos campos do formulário. Recomendamos as dimensões de 1280 x 320 ou na proporção de 8:2.

  4. Banner inferior - Mobile Será exibido no final da página do checkout, após os campos do formulário. Recomendamos as dimensões de 1280 x 320 ou na proporção de 8:2.

Imagens de uma trilha

Também é possível adicionar imagens quando criar ou editar uma trilha!

Em "Grupos e recursos" > vá em "Trilhas" > "+ Nova trilha" :

  1. Imagem de fundo: Defina uma imagem para compor a seção personalizada da trilha. Se ficar vazio, utilizaremos o fundo padrão da plataforma. Dimensões recomendadas: 1920 x 600 ou na proporção de 16 : 5. Tamanho recomendado: 2MB ou menos.

  2. Estampa: Sempre que possível, a imagem de estampa será preferida ao invés do título. Se ficar vazio, a versão em texto será utilizada. Dimensões recomendadas: 600 x 240 ou nas proporções de 5 : 2. Tamanho recomendado: 2MB ou menos.

Templates das imagens no Canva

Capas grupos mobile arrow-up-right

Capa gruposarrow-up-right

Banners mobilearrow-up-right

Estampa arrow-up-right

Capa vertical arrow-up-right

Capa horizontal arrow-up-right

Banner da billboard arrow-up-right

Plano de fundo da trilha arrow-up-right

Logomarcaarrow-up-right

Isotipoarrow-up-right

Last updated