Más de 10 ejemplos de experiencias web de realidad aumentada bien hechas

La realidad aumentada basada en la web es una tendencia creciente en el diseño de sitios web que permite a los usuarios interactuar con experiencias realistas desde ordenadores de sobremesa o teléfonos en el navegador sin necesidad de una aplicación adicional. Esta tecnología requiere un poco de todo y a menudo incluye HTML5, Web Audio, WebGL y WebRTC para desarrollarse.

El resultado puede ser bastante impresionante y conduce a un nivel de compromiso e interacción que mantiene a los usuarios con ganas de más.

WebAR es la abreviatura de Web-based Augmented Reality (Realidad Aumentada basada en la Web), y es una tecnología relativamente nueva que no requiere una aplicación móvil para funcionar. Los usuarios pueden acceder a experiencias de RA directamente desde sus teléfonos inteligentes utilizando la cámara nativa y el navegador web móvil. Esta experiencia de usuario sin fisuras es una de las principales razones por las que WebAR está creciendo rápidamente en popularidad.

He aquí algunos ejemplos de sitios web que utilizan la RA web para inspirar sus proyectos.

Ver más

1. Centro Tecnológico McLaren en Google Maps

Este podría ser el mapa más interactivo que jamás hayas visto. A principios de este año, Google lanzó una asociación con McLaren Racing que te permite entrar en sus instalaciones utilizando la RA Web desde prácticamente cualquier lugar.

Así describe Google el proyecto:

"Desde que Google se convirtió en socio oficial del equipo de Fórmula 1 el año pasado, hemos trabajado para crear una experiencia exclusiva de Street View que lleva a los aficionados entre bastidores al Centro Tecnológico McLaren, la sede de McLaren Racing y el hogar del equipo de Fórmula 1 McLaren en Surrey,Inglaterra".

2. Michelob ULTRA Yosemite Portal

Esta experiencia web de realidad aumentada te permite llevar tu cerveza desde el patio de tu casa a un lugar un poco más pintoresco. Entras en un portal que te lleva a recorrer Yosemite directamente desde tu teléfono.

3. Mundo Warba

Warba World es el primer -y tal vez único- juego de aventura de realidad aumentada sobre educación financiera. Los jugadores seleccionan un avatar y son transportados a un mapa en 3D que representa lugares de interés conocidos de la ciudad de Kuwait utilizando tecnología de realidad aumentada. Escondidos dentro de esta ciudad virtual de Kuwait hay múltiples puntos de interés diferentes, cada uno de los cuales desbloquea una nueva tarea de trivia.

4. Vista de Saatchi Art en mi habitación

La RA web también funciona en el comercio electrónico. La función Ver en mi habitación de Saatchi Art te permite utilizar la cámara de tu teléfono para ver cómo quedaría un cuadro de su sitio web en tu casa. Sólo tienes que seleccionar cualquier obra de arte y luego Ver en mi habitación para ver si te sirve.

5. El conejito tonto

El conejito tonto, un libro de cartón para niños, cuenta con un viaje Web AR basado en el teléfono con el que se puede jugar para acompañar al libro. Permite activar un conejito tonto propio y llevarlo de aventuras.

6. Óptica Zenni

Zenni Optical utiliza Web AR para hacer más práctica la compra de gafas en línea. Puedes utilizar tu webcam para ayudar a medir tu distancia pupilar para conseguir un par de gafas que se ajusten perfectamente y luego "probártelas" en línea.

7. 1 Lugar

Al igual que puedes ver las obras de arte de tu casa antes de comprarlas, 1 Place aplica el mismo modelo a los muebles. Además, puedes girar y mover las piezas para verlas desde todos los ángulos con un simple movimiento del ratón.

8. Brett Williams

Si eres un diseñador/desarrollador que juega con RA, podrías usarlo para tu currículum como hace Brett Williams aquí. Es una forma divertida de mostrar las habilidades y lo que puedes hacer en una experiencia inmersiva. También proporciona un currículum de LinkedIn si quieres verlo en un formato más tradicional.

9. Pha5e

Crea un jardín virtual con una experiencia que comienza con una animación tridimensional en tu escritorio y cuando termines, si estás contento con lo que has hecho hasta ahora, puedes pasarte a tu teléfono para disfrutar de más realidad aumentada.

10. Filtro Shrink Ray Instagram

La realidad aumentada web funciona bien dentro de otras aplicaciones. Shrink Ray está en la realidad aumentada, donde los usuarios pueden interactuar directamente con bienes de consumo y ver cómo la inflación ha afectado al poder adquisitivo.

Conclusión

Lo bueno de la realidad aumentada web es que no es necesario diseñar y desarrollar una aplicación para que funcione. Se trata de una tecnología de navegador basada en la web. Aunque ahora mismo no hay muchos sitios de este tipo, esperamos que su uso vaya en aumento.

¿Quieres saber más? ¿Qué es la RA Web? es un gran recurso con mucha información sobre esta tecnología.