Web AR

Tworzenie AR dla stron internetowych

ESQRD

Jak to działa

Rozszerzona rzeczywistość w przeglądarce

01
Tworzenie obiektów 3D i scenariuszy interakcji z nimi
02
Animacja i programowanie interakcji z obiektami 3D
03
Stworzenie strony internetowej i umieszczenie na niej obiektu WebAR
04
Klient widzi link lub kod QR na stronie internetowej albo w reklamie
05
Użytkownik wchodzi na stronę i udziela jej dostępu do aparatu w telefonie
06
Magia! Interaktywny obiekt (produkt, postać itp.) pojawia się w przestrzeni obok użytkownika

Funkcje i korzyści

AR w przeglądarce

Użytkownik potrzebuje tylko przeglądarki

Aby zobaczyć elementy rozszerzonej rzeczywistości, użytkownik nie musi pobierać żadnych dodatkowych aplikacji. Wystarczy otworzyć stronę w Chrome lub Safari.

Zupełnie nowy sposób interakcji z użytkownikiem

Na stronie użytkownik może przymierzyć sneakersy, zegarek lub okulary, zobaczyć nowy układ swojej kuchni czy sypialni, sprawdzić wykończenie samochodu i wiele więcej.

Posty z AR zbierają mnóstwo polubień i udostępnień

Ludzie chętnie publikują posty o swoich doświadczeniach z AR, bo wywołuje ono efekt „wow”. AR wzmacnia każdą kampanię reklamową.

Grywalizacja zwiększa Twoją sprzedaż

Wykorzystanie mechanizmów gier i elementów rozrywkowych zwiększa sprzedaż i lojalność klientów oraz angażuje ich w proces zakupu, zamieniając go w zabawę.

Przykłady Web AR

Jak korzystają z niego światowe marki

Interaktywny druk

Toyota drift

Dealer Toyoty umieścił w magazynie Road & Track obiekt AR z samochodem Toyota GR Supra. Można zmienić kolor auta, a ono driftuje prosto na stronie magazynu.

E-commerce

Konfigurator Corolli

Dealer Toyoty stworzył obiekt AR z Toyotą Corollą w rzeczywistej skali, którą można zaparkować na parkingu. Użytkownik może zmieniać reflektory, szyberdach i alufelgi.

Gry promocyjne

Spider-Man na ścianie

Do promocji filmu animowanego „Spider-Man Uniwersum” wykorzystano obiekt AR z superbohaterami. Każdy z nich potrafi wspinać się po ścianie i zeskakiwać na ziemię. Dodatkowo użytkownik może zrobić sobie z nim zdjęcie.

Nieruchomości

Flecista Miller Lite

Gdy użytkownik skieruje aparat telefonu na puszkę piwa Miller Lite, wyłania się z niej postać: gra na flecie, tańczy i wykonuje sztuczki z wężem.

3D

Nasze doświadczenie

Portfolio

Klaun AR dla marki słodyczy Ricolino

Klaun to główny symbol firmy. Pomysł projektu polega na tym, że użytkownik skanuje kod QR umieszczony na plakacie reklamowym słodyczy. Następnie otwiera się aparat i w rozszerzonej rzeczywistości pojawia się klaun, który po animacji zachęca do pobrania aplikacji firmy.

Miś AR promujący piosenkę Ozuny

Rozszerzona rzeczywistość została umieszczona na stronie caramelo-ozuna.com. Gdy użytkownicy wchodzą na stronę, obok nich pojawia się miś AR tańczący do muzyki. Następnie mogą zrobić sobie z nim zdjęcie i udostępnić je na Instagramie.

Gra AR do książki

Obiekt AR został umieszczony na stronie książki. Gra rozpoczyna się po skierowaniu aparatu na znacznik graficzny. Po zakończeniu gry użytkownik może zapisać wyniki na stronie.

Przymierzanie hełmu w AR

Za pomocą przedniego aparatu telefonu użytkownik może przymierzyć markowy hełm kosmiczny, a następnie zrobić zdjęcie i udostępnić je na Instagramie.

Kubek z wróżbą AR

Aby zobaczyć przepowiednię, użytkownik wchodzi na stronę i kieruje aparat na kubek. Grafika na kubku uruchamia animację 3D, a po kliknięciu przycisku użytkownik otrzymuje losową przepowiednię.

Mapa AR oddziałów firmy

Obiekt AR został umieszczony na stronie książki. Uruchamia się po skierowaniu aparatu na znacznik graficzny. Obiekt AR to interaktywna mapa 3D z pinezkami. Po kliknięciu pinezki pojawiają się szczegółowe informacje o danym oddziale: statystyki, galeria zdjęć i szczegółowa mapa.

Raport AR dla akcjonariuszy

Obiekt AR został umieszczony na stronie książki. Uruchamia się po skierowaniu aparatu na znacznik graficzny. Rozszerzona rzeczywistość ma postać interaktywnego chipa 3D z przyciskami i ekranem. Po kliknięciu przycisku uruchamia się odpowiednia animacja i fragment wideo.

Captain Morgan

Użytkownik skanuje kod QR i trafia do rozszerzonej rzeczywistości. Po potwierdzeniu pełnoletności ma do wykonania zadanie: złamać tajny szyfr sejfu. Gdy sejf się otwiera, w środku pojawia się luksusowa butelka rumu Captain Morgan, a następnie ekran reklamowy z filmem marki.

Technologie

WebGL
8th wall
A-Frame
three.js
AR.js
PlayCanvas
Blender
HTML5+CSS3+JS
3DS Max