Avatar animado no tour 360°: o dono da marca como guia virtual

Num restaurante, quem recebe na porta faz parte da experiência. Num tour 360°, em geral, ninguém recebe: a pessoa abre o link, vê um salão vazio, arrasta a imagem e tenta adivinhar o que fazer. A maioria descobre sozinha as setas no piso. Pouca gente descobre que existe um andar de cima ou um botão de reserva.

Em dois tours que a gm360 fez em São Paulo, quem recebe o visitante é o dono da marca. No Les Présidents, o chef Érick Jacquin aparece no canto da tela como guia virtual. No Atelier Sandro Barros, o estilista Sandro Barros explica cada parte da casa. Mostramos como os dois funcionam, por que cada detalhe está lá e o que você precisa ter para colocar um guia assim no tour virtual 360° da sua empresa.

O que é o guia virtual

É um avatar animado, num círculo no canto inferior direito do tour, com um balão de texto ao lado. O avatar é um vídeo curto da pessoa, sem som, que recebe o visitante com um gesto. O balão diz o que um bom anfitrião diria: o que é aquele ambiente, o que não pode deixar de ver e onde reservar ou agendar.

Ele não substitui a navegação. As setas, a galeria de ambientes e os botões continuam lá. O guia aponta para eles, na hora em que o visitante ainda não sabe que existem.

Les Présidents: o chef explica o tour e mostra onde reservar

No tour do Les Présidents, o guia tem uma mensagem só, que vale para os treze ambientes. O balão traz o título “Seu Guia Virtual” e três parágrafos curtos. O primeiro ensina a usar o tour: “Clique e arraste para os lados para visualizar o ambiente em 360°, e utilize as setas de navegação para caminhar pelos ambientes.” O segundo convida a subir ao piso superior, onde fica o Clube dos Ministros. O terceiro mostra onde agir: “Para reservar sua mesa, use o botão na parte inferior da tela. Se preferir traçar uma rota até aqui pelo Google Maps ou Waze, use o botão no topo da tela.”

São as três coisas que o restaurante quer que todo visitante saiba, ditas pelo rosto que ele já conhece da televisão.

O balão abre sozinho uma única vez, logo depois que a dica de navegação do início some, para as duas mensagens não disputarem a tela. Daí em diante, o avatar acompanha o visitante por todos os ambientes, do salão ao Clube dos Ministros, e o balão volta com um clique. No computador, passar o mouse sobre o avatar mostra a etiqueta “Clique aqui”. O texto existe em português e em inglês e muda junto com o idioma escolhido na abertura. Cada abertura do balão é registrada no Google Analytics, junto com os outros eventos do tour.

Atelier Sandro Barros: um balão para cada parte da casa

O ateliê funciona num casarão de dois andares, e cada parte dele tem uma história diferente. Por isso o guia do Atelier Sandro Barros fala por assunto, não por cena. Os 25 pontos de vista do tour foram agrupados em cinco tópicos: Showroom, Processo de Criação, Ateliê de Costura, Sala de Provas e Sandro Barros Home.

Na primeira vez que o visitante entra em qualquer ambiente de um tópico, o avatar aparece com o balão já aberto. Se ele segue para outro ambiente do mesmo tópico, o avatar continua no canto, mas o balão não se repete. Ao chegar a um tópico novo, o balão abre de novo, com o texto daquela parte da casa. Quem recarrega a página volta a ver tudo desde o começo.

O balão começa pequeno: o nome do tópico, duas linhas de texto e o botão “Clique para ampliar”. Aberto, ele mostra o texto completo, com rolagem, um seletor de idioma e um player de locução. O texto é o que o estilista contaria pessoalmente. No Processo de Criação, por exemplo, o balão explica que cada vestido sob medida nasce de uma conversa presencial com Sandro Barros e que, para noivas, o recomendado é começar oito meses antes do evento; para vestidos de festa, três meses. É uma informação que ajuda a cliente a se planejar, e não estaria numa foto.

O seletor de português, inglês e espanhol é do próprio balão. A cliente estrangeira pode ler e ouvir o texto na língua dela sem trocar o idioma do resto do tour. A locução não toca sozinha: só quando a pessoa aperta o play. E se ela abrir a apresentação do estilista, no botão “Sandro Barros” do rodapé, a locução do balão para, para que duas vozes nunca falem ao mesmo tempo.

Aqui o guia explica e a interface resolve. O botão “Agende uma visita” fica sempre à vista no canto inferior esquerdo e abre o formulário de agendamento. Rota GPS e WhatsApp ficam no alto da tela. O guia não precisa repetir onde estão: a cada tópico ele leva o visitante mais perto de querer usá-los.

O vídeo toca uma vez e para

O vídeo do avatar tem poucos segundos. No Atelier, o estilista sorri, levanta o dedo e acena. O vídeo toca uma vez, sem repetir, e para no último quadro. Um avatar que se mexe sem parar no canto da tela compete com o espaço que o visitante quer ver; um que cumprimenta e fica quieto é lembrado sem incomodar.

Quando o visitante clica no avatar para reabrir o balão, o vídeo recomeça do início, como se o anfitrião voltasse a falar. Passar o mouse por cima só reinicia o vídeo se ele já tiver terminado. Na primeira versão, cada passada de mouse fazia o vídeo voltar ao início, e ele nunca chegava ao fim. Corrigimos e documentamos a regra para os tours seguintes.

Enquanto o visitante não interage, um brilho pulsa ao redor do avatar e o balão flutua de leve. Depois do primeiro clique, os dois param.

No celular e no teclado

No celular, a tela é pequena demais para um balão aberto ao lado do panorama. O avatar fica menor, o balão começa recolhido e, acima do avatar, aparece a etiqueta “Toque aqui”. Um toque abre o balão na largura da tela; o X fecha, e a etiqueta volta.

Quem navega pelo teclado chega ao avatar com Tab e abre o balão com Enter ou Espaço. O botão de fechar funciona do mesmo jeito, e a tecla Esc fecha o balão de qualquer lugar. O avatar, a etiqueta e o botão de fechar têm nomes para leitor de tela, como “Abrir informações do ambiente” e “Fechar mensagem”, e esses nomes mudam de idioma junto com o texto.

Um guia para o tour todo ou um por ambiente

Os dois casos mostram os dois modelos possíveis.

• Uma mensagem para o tour inteiro, como no Les Présidents. Funciona quando o espaço se entende sozinho e o que falta é dizer como navegar, o que não perder e onde reservar. É o modelo mais simples de produzir e de manter.
• Um texto por parte do espaço, como no Atelier Sandro Barros. Funciona quando cada ambiente tem uma história: o processo de criação, a costura, as provas. Pede mais texto e mais revisão, e devolve um tour que se explica sozinho.

Também dá para ter mais de um guia. No Araucárias Residencial Sênior, os sócios aparecem como avatares 3D, e o balão de cada um explica a função do ambiente, da recepção aos quartos.

O que é preciso para ter o seu

Se você quer o dono da marca recebendo no tour da sua empresa, estas são as peças:

1. A pessoa e a autorização. Quem vai ser o guia, de preferência alguém que o cliente já associa à casa, e a autorização de uso da imagem dela no tour.
2. A imagem para o avatar. Fotos ou um vídeo curto da pessoa, conforme a técnica escolhida para o avatar. Dizemos antes como esse material deve ser feito. O resultado pode ser realista, como o do Atelier, ou ter cara de personagem animado, como o do Les Présidents.
3. O mapa dos assuntos. Uma mensagem só ou um texto por parte do espaço. Se forem vários, quais ambientes entram em cada assunto. Fazemos essa divisão com você a partir das cenas capturadas.
4. Os textos. Um a três parágrafos curtos por assunto, escritos por quem conhece a casa. As duas primeiras linhas precisam funcionar sozinhas, porque são elas que aparecem no balão fechado.
5. Os idiomas e a locução, se fizer sentido. As versões dos textos em cada idioma e, se o balão tiver locução, um áudio por assunto e por idioma.
6. Para onde o guia aponta. Reserva, agendamento, rota, WhatsApp. O guia cita esses botões pelo lugar onde eles estão na tela, então eles precisam estar definidos antes do texto final.
7. A revisão. Você revisa os textos e o avatar, e testa o tour no computador e no celular antes da publicação.

Quer o seu fundador, chef ou estilista recebendo os clientes no tour? Veja como funciona no case do Les Présidents ou fale com a gente pelo botão de WhatsApp no fim desta página.

O que o guia não deve fazer

O guia é útil enquanto for discreto. Alguns cuidados que seguimos nos dois tours:

• Não repetir a mesma fala em cada cena. O balão abre sozinho uma vez por assunto; depois, só se o visitante pedir.
• Não cobrir o que importa. O avatar fica no canto, acima da galeria de ambientes, longe dos botões de reserva e de agendamento.
• Não falar sem ser chamado. O vídeo é mudo, e a locução só toca com o play.
• Não se mexer o tempo todo. O vídeo toca uma vez e para; o brilho e a flutuação param depois do primeiro clique.
• Não escrever um folheto. Texto curto, que diga o que só quem é da casa sabe.

Para ver os dois guias funcionando, abra o tour no case do Les Présidents e no case do Atelier Sandro Barros. Como o visitante se orienta pelos ambientes, com pontos nas passagens e galeria, está no post sobre navegação no tour. Os serviços para cada tipo de espaço estão nas páginas de hotéis e restaurantes e de showrooms e lojas, e o que entra num tour personalizado, na de tour virtual 360°.