Integração na Web AR : Dê vida aos seus produtos

Web AR refere-se à inserção de imagens 2D ou 3D geradas por computador em imagens do mundo real em tempo real diretamente em um site. Este tipo de experiência é acessado diretamente através do navegador web, e não através de uma aplicação. Então você pode acessá-lo a partir do Google chrome, safari ou Mozilla Firefox. Esta tecnologia permite o carregamento ao vivo sem a necessidade de o usuário passar por um aplicativo móvel ou tablet. Acessível ao maior número de pessoas, este tipo de experiência é implantado graças a dois sistemas AR Kit (iOS) & AR Core (Android). Ele usa WebGL, WebVR, WebRTC. Através disto o utilizador pode mergulhar em cenas que incluem animações, vídeo, modelos 3D e tudo de uma forma interactiva. WebAR também suporta a detecção de imagens. Em resumo, ele quebra barreiras e torna a realidade aumentada acessível a partir de um código QR ou de um link.

AR abriu o campo das possibilidades e já está presente na vida quotidiana de muitos de nós. Muitas aplicações o usam e nós o usamos sem sequer nos darmos conta. Este é o caso do Instagram e Snapchat através de filtros e efeitos, mas também em aplicações como IKEA place ou LEGO. No entanto, estes aplicativos são muito pesados de carregar e exigem muitas ações. A RA na Web contraria isto oferecendo experiências simples mas acessíveis com o menor obstáculo possível. Além disso, já podemos pesquisar no Google (um leão, por exemplo) e ter acesso direto a um modelo animado em 3D na nossa frente. Os casos de uso são mais amplos: comércio eletrônico, pesquisa, saúde, educação, negócios e entretenimento. Por exemplo, pode agora experimentar um par de óculos e mudar directamente a cor para ver o que lhe fica melhor. Também pode colocar um carro à sua frente se não o tiver em stock na sua concessionária. É possível representar diretamente partes do corpo e mostrar sua função em uma sobreposição para estudantes de medicina. Outro exemplo, e não o menos importante, é o jogo. Graças ao web AR você será capaz de jogar interagindo com elementos da vida real diretamente do seu smartphone.

ARCore refere-se à estrutura AR para Android, enquanto ARKit é o mesmo para o iOS da Apple. Esses frameworks permitem que os desenvolvedores explorem as ferramentas de RA mais avançadas para permitir a experiência mais imersiva e realista possível. Então é através dessas ferramentas que os desenvolvedores podem adicionar coisas como rastreamento de movimento e coisas do gênero. Isto permite que os dispositivos compreendam melhor a sua relação com o ambiente. Da mesma forma, ferramentas como ARCore e ARKit permitem que os telefones apreciem o tamanho e a posição de coisas como mesas e cadeiras, para uma sensação mais realista em qualquer ambiente. Para isso, o ARCore & ARkit utiliza os vários sensores do smartphone para detectar superfícies horizontais, mas também para levar em conta os movimentos do telefone, e estimar a luz que entra na sala para que os objetos virtuais possam ser iluminados de forma realista de acordo com o ambiente.

Ambas as tecnologias utilizam os seguintes recursos para integrar o conteúdo virtual no mundo real:

• Rastreamento de movimento - para rastrear a posição no mundo real.
• Compreender o ambiente (tamanhos, locais, ângulos, formas, pontos e plano)
• Estimativa de luz - para detectar informações de iluminação.

No entanto, existem diferenças entre ARKit e ARCore :

O SDK do Google rastreia mais pontos e recursos, mas o ARKit detecta superfícies horizontais e verticais com mais precisão do que o ARCore. As últimas atualizações também deram à ARKit várias vantagens (Oclusão de pessoas, Captura de movimento, Câmera frontal e traseira simultâneas, Rastreamento de múltiplas faces, Sessões colaborativas)

A 8ª Wall é uma das soluções web AR líderes no mercado. A 8th Wall fornece ferramentas de desenvolvimento para criar e implantar experiências de realidade aumentada baseadas na web para agências, marcas e criadores de conteúdo. Através do seu editor, a 8ª Muralha oferece poderosos recursos como rastreamento mundial, efeitos de face e reconhecimento de imagem. Estes são implantados na web, sem a necessidade de os usuários baixarem um aplicativo. O 8º Wall Framework usa bibliotecas JavaScript e WebGL e suporta os mais populares frameworks 3D, incluindo A-Frame, three.js, babylon.js, Amazon Sumerian e Play Canvas. O número de possibilidades na 8ª Muralha é infinito e permite a criação de experiências complexas e profundas, como jogos ou obras de arte AR. A 8ª Wall também lançou recentemente a tecnologia Curved Image Target, que oferece aos desenvolvedores novas ferramentas para dar vida a superfícies curvas como copos, latas e muitos outros objetos com realidade aumentada baseada na web.

Ao criar um efeito de realidade aumentada na web, há vários componentes que vão para a estimativa do preço. Por exemplo, é importante saber se a experiência incluirá desenhos em 3D ou 2D, animações, partículas, um seletor, ações especiais ou qualquer outro elemento. Isto permite-lhe dar uma estimativa precisa. No entanto, é possível dar vários preços e intervalos, dependendo do tipo de efeito:

• Integração simples de produtos 3D -> entre 500 e 5000 euros.
• Animação facial (8ª parede) -> entre 2000 e 30 000 euros.
• Jogos AR (8ª parede) -> entre 5000 e 50 000 euros.
• Reconhecimento de imagem -> entre 4.000 e 50.000 euros.
• Colocação de óculos ou acessórios em tempo real -> entre 1500 e 35 000 euros.
• Efeitos cor/artista/luz -> entre 1500 e 20 000 euros.
• Maquiagem -> entre 2500 e 30 000 euros.

Além desta parte de produção, há uma taxa de assinatura na 8ª parede entre 1250$ e 5000$, dependendo do número de vistas. Também podem ser aplicadas taxas de manutenção. Estes números são aproximados e podem variar em função do projecto, prazo e activos fornecidos. Para mais detalhes, por favor visite o nosso Preços e tarifas ! 

Embora ofereça mais possibilidades aos utilizadores de smartphones, as experiências WebAR têm características bastante limitadas. O desempenho da RA é simplesmente melhor nas aplicações. No entanto, a limitação de memória da página web que exibe uma imagem de AR é um dos obstáculos para melhorar o desempenho do AR baseado na web. Além disso, a funcionalidade também é mais limitada do que a do AR baseado em aplicativos. Por exemplo, será mais difícil colocar objectos na parede ou fazer medições. Em comparação com o processo de desenvolvimento de AR baseado em aplicativos, durante a criação da experiência WebAR, os desenvolvedores não podem acessar todas as capacidades e recursos dos dispositivos para os quais estão projetando. Portanto, eles só podem trabalhar com a funcionalidade básica. Outro fator que pode afetar a qualidade da experiência é a velocidade da internet: ela precisa ser o mais rápida possível e funcionar sem interrupção, pois o RA baseado em navegador requer uma conexão constante com a internet. No entanto, parece que com a chegada do 5G, este problema não será mais um problema.

Web AR permite-lhe mostrar e vender os seus produtos usando 3D e realidade aumentada. Com este tipo de meio, você pode oferecer uma experiência totalmente nova aos seus clientes. Eles podem personalizar os seus produtos, vê-los de todos os ângulos possíveis e, com um único clique, podem visualizar o produto no seu ambiente com um realismo de tirar o fôlego que traz aquele efeito "uau"! Isto dá-lhes a oportunidade de responder às suas perguntas:

"Esta mobília caberá na nossa sala de estar?

"Esta cor será adequada para o interior do nosso quarto?

"Como é o interior deste novo carro?"

Estas são perguntas que os clientes podem responder para tomar uma melhor decisão de compra, aumentando as vendas em pelo menos 50 %. Esses esforços também ajudam o meio ambiente, reduzindo as taxas de retorno e a logística no processo.

O Filtermaker gera automaticamente trechos roteirizados (pequenos trechos de código) que contêm informações e variáveis sobre os seus produtos. Os arquivos são exibidos nos formatos USDZ e GLB que são compatíveis com todos os navegadores. Eles são visíveis na sua página como um WebAR e um configurador/visualizador 3D. Estas características podem ser adicionadas à sua página de produto em segundos. Portanto, se você precisa que os produtos sejam exibidos no AR em uma parede, no chão ou em um espaço aberto, nós fornecemos o código certo para a sua experiência.

Para visualizar modelos 3D em um site, a tecnologia mais comum é um iFrame. Este é um quadro que carrega uma página dentro de outra página. 

Hoje em dia, os robôs Google que verificam sites são suficientemente inteligentes para entender que o que está dentro do quadro não está associado com o site e é propriedade de outro site. Assim, eles consideram que o conteúdo pertence ao proprietário do configurador e/ou espectador e não ao webmaster. Os modelos 3D, portanto, não impactam negativamente o carregamento e SEO de um website, na verdade, muito pelo contrário. 

A visualização 3D dos produtos permite que os usuários os descubram de todos os ângulos. É possível ampliar para ver mais de perto cada detalhe. Em média, os futuros clientes interagem com um configurador 3D por mais de 20 segundos, e mais de 30 % deles o fazem por mais de 30 segundos. Este alto nível de interactividade não só aumenta o tempo gasto no modelo, mas também o tempo gasto no site, até 200%.

Em conclusão, cada segundo adicional gasto em uma página de um site reduz a taxa de retorno, ou seja, a porcentagem de visitantes que deixam o site sem ir para outras páginas. Aos olhos do Google, este tipo de dados significa que o conteúdo é muito relevante e, portanto, implica uma melhor referenciação.

A implementação de um configurador leva a melhores resultados em termos de vendas e é um argumento inegável para os consumidores em busca do produto que melhor lhes convém. Para satisfazer as suas expectativas e levá-los a uma escolha cada vez mais precisa, foram desenvolvidas várias funcionalidades nos configuradores. Estes incluem, em particular

• A escolha da cor
• A escolha do modelo 3D (e suas variantes)
• A adição de opções personalizáveis
• Adicionar texto e características relacionadas a uma determinada parte do jogo
• Links para uma página externa
• Uma exportação das opções escolhidas (cores, modelo) em PDF
• Salvando a configuração em sua galeria
• Um módulo que leva a uma interface de pagamento (como o Apple pay)

Além disso, os modelos podem responder a ações através de gestos como cliques e toques na tela. Estas acções podem desencadear animações visuais (partículas, aparências, etc.) mas também animações físicas (abrir a porta de um veículo). Cada uma destas acções é personalizável e depende do modelo e da própria experiência.

Quick Look é uma funcionalidade inovadora que a Apple lançou em 2018. Esta ferramenta permite que os retalhistas electrónicos apresentem uma pré-visualização dos seus produtos em realidade aumentada. Desde então, a marca Apple lançou uma nova funcionalidade da sua ferramenta Quick Look Realidade Aumentada (AR) no início de 2020. Agora, todos os utilizadores de iPhone e iPad podem fazer compras online e desfrutar de uma visualização da realidade aumentada das suas futuras compras para ver se se adaptam bem ao seu ambiente. Após este processo, eles são convidados a clicar em um botão na parte inferior da tela. Este botão, se a sua forma de pagamento estiver registada, permite-lhes validar a sua compra e pagar o montante indicado. Isso facilita o processo de compra e reduz o número de ações necessárias desde a descoberta do produto até a compra. O botão é personalizável e pode ser usado para uma variedade de propósitos. Ele também pode ser usado para adicionar um chat ao vivo para que os clientes possam fazer qualquer pergunta que tenham sobre um produto diretamente para a equipe de vendas.