Tour 360°
A tela de abertura do tour 360°: o que mostrar enquanto ele carrega
No tour do Quintal Iwasa'i, a espera vira apresentação: oito fotos da casa, um varal de luzes que acende conforme o tour carrega e atalhos para as cinco áreas, com horário, rota e idioma antes de entrar.
Todo tour 360° leva alguns segundos para abrir. O primeiro panorama precisa chegar ao celular antes de qualquer coisa aparecer. Na maioria dos tours, esses segundos são uma tela escura com um ícone girando, e é nesse momento que a pessoa decide se espera ou fecha a aba.
No tour do Quintal Iwasa’i, bar e restaurante na Vila Nova, em Itapetininga (SP), a espera tem outro uso. Enquanto o primeiro panorama carrega, uma tela de abertura apresenta a casa com fotos, mostra o caminho para cada área e já diz se o restaurante está aberto. Explicamos o que tem nessa tela, como ela carrega e o que ela resolve.
Oito fotos enquanto o tour carrega
O fundo da tela é um slideshow com oito fotografias da casa, cada uma com um movimento lento de aproximação. Uma foto dá lugar à seguinte a cada 6,5 segundos, e cada uma tem a sua legenda no rodapé: “Bem-vindo ao Quintal”, “Noites sob o varal de luzes”, “Pátio de entrada entre as plantas”, “Quintal sob as estrelas”, “O salão do Quintal”, “Salão Galeria”, “Jardim com guarda-sóis” e “Mesa posta à luz de vela”.
No rodapé, um contador e uma barra por foto; tocar numa barra pula para aquela foto. Enquanto uma foto está na tela, a próxima já está sendo baixada.
No computador, as fotos são horizontais. No celular, em telas de até 900 px de largura, entram versões verticais, recortadas para a tela em pé.
São fotos still, da fotografia arquitetônica da casa, e não recortes dos panoramas. O panorama mostra tudo; a foto escolhe o que mostrar.
Um varal no lugar do ícone girando
No alto da tela há um varal de lâmpadas desenhado. As lâmpadas acendem uma a uma conforme o tour carrega. Enquanto isso, o botão principal diz “Acendendo as luzes…”. Quando a primeira cena está pronta, o varal fica todo aceso e o botão passa a dizer “Entrar no Quintal”.
O número de lâmpadas acesas acompanha o carregamento real da primeira cena. Não é uma animação de tempo fixo. Com conexão lenta, o varal acende devagar; com conexão boa, acende rápido.
Quem volta ao tour já tem a cena no cache do navegador, e o varal acenderia de uma vez. Por isso o acender dura no mínimo 1,8 segundo.
Por que um varal? Porque ele é da casa. A varanda e o Salão Terracota têm varais de luz no teto, e à noite são eles que iluminam as mesas. O carregamento usa um elemento que o cliente vai ver de verdade quando chegar.
Comece por: cinco portas de entrada
Junto ao título, a lista “Comece por” mostra as cinco áreas da casa, numeradas na ordem do passeio, cada uma com uma miniatura e a contagem de vistas:
- Entrada, 2 vistas;
- Varanda, 3 vistas;
- Salão Terracota, 3 vistas;
- Quintal, 4 vistas;
- Salão Galeria, 3 vistas.
Tocar num cartão entra direto no primeiro ambiente daquela área. Quem abriu o tour por causa do quintal não precisa passar pela fachada, pela varanda e pelos salões para chegar lá. Quem não sabe por onde começar toca em Entrar no Quintal e começa pela fachada.
Antes de entrar: horário, rota e idioma
A tela de abertura não é só vitrine. Ela já responde o que a pessoa costuma querer saber antes de entrar:
- Se a casa está aberta. Um selo mostra “Aberto agora” ou “Fechado agora”, calculado no fuso de São Paulo, com a hora em que a casa fecha ou abre. Como esse selo é calculado está em horário e cardápio dentro do tour.
- Como chegar. Um botão no alto abre a janela com o endereço, a rota no Google Maps ou no Waze e a corrida pelo Uber ou pela 99. Como cada um desses botões funciona está em como chegar pelo tour 360°.
- Em que idioma. Português, inglês ou espanhol. A escolha vale para a abertura e para o tour inteiro.
- Como navegar. Três linhas curtas: arraste para olhar ao redor, toque nos pontos para caminhar e abra a planta 3D para saltar entre ambientes. A planta está em minimapa 3D no tour virtual.
O título, “Bem-vindo ao Quintal.”, vem com o slogan da casa: “Quem conhece, se apaixona.”
Quer uma tela de abertura com a cara do seu negócio? Mande o logo, as fotos que você já tem e um elemento que todo cliente reconhece no lugar. Respondemos em até 1 dia útil com uma proposta.
Só baixa o que está na tela
A abertura cobre a primeira espera. As seguintes dependem de como o tour carrega cada cena.
No Quintal, cada panorama é guardado em pedaços e em mais de um nível de detalhe. O tour baixa só os pedaços da parte da cena que está na tela, no nível de detalhe que a tela pede. Quando a pessoa gira ou dá zoom, ele busca o resto. Ninguém baixa o tour inteiro para ver a fachada.
No celular em 4G, isso faz diferença. A primeira cena chega mais leve, e cada ambiente novo começa a aparecer antes de estar completo.
O que a abertura resolve
- Os primeiros segundos. A pessoa vê a casa, e não uma tela vazia. Se fechar a aba antes de entrar, pelo menos viu as fotos.
- O celular em conexão lenta. A espera fica útil: dá para ler o horário, abrir a rota ou escolher a área enquanto o tour termina de carregar.
- A identidade da casa. As cores, a letra cursiva do título e o varal dizem de quem é o tour antes do primeiro panorama. A mesma ideia aplicada a escolas está em identidade da escola no tour 360°.
E a abertura respeita quem prefere menos movimento. Com a opção de reduzir movimento ligada no aparelho, o slideshow para e o varal acende sem espera.
Quando pular a abertura
Nem todo link precisa da abertura. O endereço do tour aceita o parâmetro ?nosplash=1, que abre direto no panorama. Ele serve para quem já conhece a casa e só precisa ver um ambiente. Os links que abrem direto num ambiente estão em um link para cada ambiente do tour.
O que medir
O tour registra no Google Analytics:
- splash_view: a tela de abertura foi exibida, com o idioma;
- tour_start: a pessoa entrou no tour, com o ambiente e a forma de entrada: pelo botão Entrar no Quintal ou por um cartão da lista Comece por;
- deeplink: a visita chegou por um link que abre num ambiente, com o nome dele.
Com isso dá para ver quantas pessoas passam da abertura para o tour e quantas usam os atalhos por área.
O que mais vale mostrar num tour de restaurante está em tour virtual para restaurante, e a reserva que fecha o passeio está em reserva de mesa pelo WhatsApp, de dentro do tour. Os outros recursos do segmento estão na página de tour virtual para hotéis e restaurantes.
O que entra em qualquer tour personalizado da gm360 está na página de tour virtual 360°. O tour é publicado em até 7 dias úteis depois da captura.
FAQ
Dúvidas frequentes
A tela de abertura não atrasa quem quer ir direto ao tour?
Não. O primeiro panorama carrega por trás da abertura enquanto ela aparece. O botão Entrar fica pronto quando a primeira cena termina de carregar, e o acender do varal dura no mínimo 1,8 segundo, para ser visto mesmo quando o tour já está no cache do navegador.
Como a abertura fica no celular?
Em telas de até 900 px de largura, o slideshow troca as fotos horizontais por versões verticais, recortadas para a tela em pé. E o tour só baixa a parte da cena que está na tela, o que ajuda no 4G.
E para quem prefere menos movimento na tela?
Quando o celular ou o computador está configurado para reduzir movimento, o slideshow para na primeira foto e o varal acende sem a espera mínima.
Dá para usar outra animação no lugar do varal?
Dá. O varal é do Quintal, tirado das luzes que a casa tem no salão e no quintal. Em outro negócio, o carregamento pode usar um elemento da marca ou do próprio lugar. O princípio é o mesmo: mostrar o progresso com algo que é da casa.
Dá para pular a abertura num link?
Dá. O endereço do tour aceita o parâmetro nosplash=1, que abre direto no panorama. Ele serve para quem já conhece a casa e só precisa ver um ambiente.
