A secretaria manda o link do tour no WhatsApp de uma família que pediu informações. Antes de abrir, a mãe vê a prévia: um título, uma foto, um nome. Depois vem a tela de abertura, a barra com os botões, a galeria de ambientes. Se tudo isso tiver a cara de uma empresa qualquer, a visita começa com uma pergunta que a escola não queria provocar: isso é da escola mesmo?

Este post é para quem dirige a escola, coordena o marketing ou cuida da marca de uma unidade franqueada. Mostramos onde a identidade visual da escola entra num tour virtual 360° e o que a gm360 pede para montar a interface, a partir de três tours de escolas de Itapetininga com situações de marca bem diferentes: uma rede com brandbook global, uma franquia com personagens e um colégio independente. A visão geral do tour para escolas está no post tour virtual para escola e na página de tour virtual 360° para escolas.

Por que a marca pesa para a família

Escolher escola é decidir a quem entregar o filho todos os dias. A família presta atenção em sinais de cuidado, e a coerência é um deles: o tour que parece parte do site da escola passa a mesma segurança que a recepção arrumada passa na visita presencial. O tour que parece produto de terceiro, com outra fonte, outras cores e o logo de outra empresa em destaque, faz a família se perguntar se aquilo é oficial e se o botão de matrícula leva mesmo à secretaria.

Por isso, num tour personalizado, a marca não fica só no logo do canto. Ela está na prévia do link, na aba do navegador, na abertura, na barra, nos botões, nos balões dos pontos de interesse, na roda de carregamento e no formulário.

Três escolas, três situações de marca

Rede com brandbook global: Maple Bear

A Maple Bear é uma rede de escolas bilíngues de origem canadense, com marca controlada. No tour da Maple Bear Itapetininga, a interface segue o brandbook global da rede, com os logos, a paleta e a tipografia oficiais. A escola já trazia a marca na fachada, com as faixas vermelhas, laranja e amarelas e o urso com a bandeira do Canadá. O tour continua de onde a fachada parou.

Fachada da Maple Bear Itapetininga com faixas verticais vermelhas, laranja e amarelas, o urso com a bandeira do Canadá e o letreiro Maple Bear Canadian School, ao lado da entrada com gradil vermelho

Na tela, o canto superior esquerdo traz os logos da rede e o slogan “The best of Canadian education for a global future”. Os botões “Agende uma visita”, “Vista Aérea” e “Rota GPS” são vermelhos, nos tons da marca. Até o botão do WhatsApp segue o vermelho da Maple Bear, em vez do verde do aplicativo: o ícone já diz o que o botão faz, e a cor fica com a escola. A abertura mostra o logo e o convite “Conheça a Unidade Infantil da Maple Bear Itapetininga!”.

Interface do tour da Maple Bear Itapetininga sobre a vista aérea da escola, com os logos da rede e o slogan no canto superior esquerdo, os botões vermelhos de WhatsApp, Rota GPS, Agende uma visita e Vista Aérea e a galeria de ambientes no rodapé

Numa escola de rede, o trabalho é de fidelidade: aplicar o que o manual manda, sem inventar.

Franquia com identidade nacional e personagens: CNA

O CNA tem identidade nacional e um elenco próprio: os “monstros” da marca. No tour do CNA Itapetininga, a interface usa o logotipo, o vermelho #ED1941 e a fonte Poppins. O botão “Fazer Matrícula” é vermelho e arredondado, e a roda de carregamento gira no vermelho da marca.

Os quatro mascotes do CNA viraram guias: aparecem no canto da tela e abrem um balão com o texto da sala, cada um falando com um público. Como eles se dividem pelas salas está no post o que mostrar no tour da escola. Aqui, o ponto é outro: os personagens já eram da marca, e o tour os usa em vez de criar um guia novo.

Para organizar isso, a gm360 montou um quadro com o padrão de marca do tour, o da capa deste post: logotipo, paleta com códigos, a Poppins em cada peso, o botão de matrícula, o balão do mascote e os quatro personagens. Ele serve de referência para cada tela nova e para qualquer ajuste depois.

Colégio independente com identidade própria: Alpis Veredas

O Colégio Alpis Veredas não segue manual de rede. A marca é dele, e o tour foi desenhado a partir dela, com a paleta registrada na hora de montar a interface:

  • Azul-marinho #003356, a base: barra superior, balões, formulário.
  • Verde #7CD33B, a cor de ação: botão “Fazer Matrícula”, botão “Iniciar Tour”, categorias do menu, miniatura ativa.
  • Azul royal #1A5CE5, a cor secundária do logo.
  • Branco e gelo (#D1DCE5) para os textos sobre o azul.
  • Fonte Outfit na barra, na abertura, nos botões, na galeria e no formulário.
Tela de abertura do tour do Colégio Alpis Veredas, com o logotipo do colégio, a instrução de tocar e arrastar, o botão verde Iniciar Tour e o crédito da gm360 sobre o pátio desfocado
Colégio Alpis Veredas · abertura com o logotipo e o verde do colégio

A abertura é um painel de vidro fosco sobre a primeira cena: o panorama aparece desfocado ao fundo, e na frente ficam o logo, o nome do colégio, a instrução de navegação e o botão verde “Iniciar Tour”. Depois dela, uma faixa verde fina corre no topo da tela, acima da barra azul com o logo à esquerda, o menu “Ambientes”, a “Rota GPS” e o “Fazer Matrícula” em destaque.

Os pontos de interesse levam balões no azul da marca, com texto branco, cantos arredondados e uma seta que aponta para o ponto. Quando a família troca de ambiente, a roda de carregamento gira em verde. A galeria de miniaturas no rodapé é branca, para contrastar com a barra escura, e marca em verde o ambiente atual. O formulário de matrícula abre em azul com borda verde; o caminho dele até a secretaria está no post matrícula pelo tour virtual.

Tour do Colégio Alpis Veredas no acesso ao parquinho, com a barra azul-marinho e o botão verde Fazer Matrícula no topo, balões azuis Quadra e Parquinho nos pontos de navegação e a galeria branca com a miniatura ativa contornada em verde
Colégio Alpis Veredas · barra, balões e galeria nas cores da escola

Num colégio independente, o trabalho é de tradução: transformar o logo e as cores em regras de tela, e decidir qual cor chama para a ação e qual sustenta o fundo.

Conte como é a marca da sua escola: rede, franquia ou identidade própria. Respondemos em até 1 dia útil com uma proposta. Fazer orçamento

A prévia do link e a aba do navegador

A primeira impressão do tour acontece antes de ele abrir. Quando o link é colado no WhatsApp, no Facebook ou num e-mail, o aplicativo monta um cartão com título, descrição e imagem. Cada tour de escola tem esses três campos próprios.

No Alpis Veredas, o título é “Colégio Alpis Veredas | Escola Particular em Itapetininga - Tour Virtual 360°”, o nome do site é o do colégio e a imagem é uma cena da escola. No CNA, “CNA Itapetininga | Tour Virtual 360° - Escola de Inglês e Espanhol”. Na Maple Bear, o título nomeia a unidade infantil e a escola bilíngue. Na aba do navegador, o ícone (favicon) é o da escola.

A página do tour também leva dados estruturados para buscadores: no Alpis, de escola, com os níveis de ensino (infantil, fundamental I e II e médio); no CNA, de escola de idiomas.

Os panoramas das três escolas também estão no Google Maps (45 da Maple Bear, 44 do CNA e 54 do Alpis), mas ali a interface é a do Google. A identidade completa vive no tour personalizado. A diferença entre os dois está na página de tour virtual no Google Maps.

Onde fica a gm360

Discreta. Na abertura, uma linha pequena, “Produzido por gm360”, abaixo do botão de início. Na tela do tour, um logo pequeno e semitransparente no canto inferior direito, que só ganha opacidade quando o cursor passa por cima. Nenhum botão, cor ou texto da interface é da gm360. O tour é da escola.

O que pedimos à escola

Para montar a interface na identidade da escola, pedimos:

  • Logo em arquivo vetorial (SVG, PDF, AI ou EPS), na versão colorida e na versão para fundo escuro. É o que mantém o logo nítido na barra, na abertura e no celular.
  • Manual de marca ou brandbook, se houver. Em escola de rede, o material oficial da franqueadora, com as regras de uso do logo e dos personagens.
  • Cores com código (hexadecimal, RGB ou Pantone). Sem manual, mandamos a paleta proposta para aprovação.
  • Fonte da marca, ou o nome dela, para buscarmos a versão para web.
  • Personagens ou mascotes, se a marca tiver, em arquivo de boa resolução.
  • Textos institucionais e fotos que a escola já usa no site e nas redes, para a abertura, os balões e a imagem da prévia do link.

Com isso, a interface sai na marca da escola desde a primeira versão, e a aprovação fica para os detalhes. O tour é publicado em até 7 dias úteis depois da captura; como preparar a escola para esse dia está no post como fotografar escola em 360°. O que entra num tour personalizado está na página de tour virtual 360°, e como cada recurso pesa na proposta, no post quanto custa um tour virtual 360°.

Quer o tour da sua escola com a cara do seu site? Abra os tours nos cases da Maple Bear, do CNA e do Alpis Veredas, ou fale com a gente pelo botão de WhatsApp no fim desta página.