10+ Examples of Web AR Experiences Done Well


Augmented reality berbasis web adalah tren yang berkembang dalam desain situs web yang memungkinkan pengguna berinteraksi dengan pengalaman realistis dari desktop atau ponsel dalam browser tanpa memerlukan aplikasi tambahan. Teknologi ini membutuhkan sedikit dari segalanya dan sering kali menyertakan HTML5, Audio Web, WebGL, dan WebRTC untuk dikembangkan.

Hasilnya bisa sangat mengesankan dan mengarah ke tingkat keterlibatan dan interaksi yang membuat pengguna menginginkan lebih.

WebAR adalah kependekan dari Augmented Reality berbasis Web, dan ini adalah teknologi yang relatif baru yang tidak memerlukan aplikasi seluler untuk berfungsi. Pengguna dapat mengakses pengalaman AR langsung dari smartphone mereka menggunakan kamera asli dan browser web seluler. Pengalaman pengguna yang mulus ini adalah salah satu alasan utama popularitas WebAR berkembang pesat.

Berikut adalah beberapa contoh situs web yang menggunakan Web AR untuk menginspirasi proyek Anda.

1. Pusat Teknologi McLaren di Google Maps

Ini mungkin peta paling interaktif yang pernah Anda lihat. Awal tahun ini, Google meluncurkan kemitraan dengan McLaren Racing yang memungkinkan Anda masuk ke fasilitas mereka menggunakan Web AR dari mana saja.

Berikut cara Google menjelaskan proyek tersebut:

“Penggemar balap bisa melihat dari dekat di bawah kap McLaren berkat koleksi Street View yang semuanya baru. Sejak Google menjadi mitra resmi tim Formula 1 tahun lalu, kami bekerja untuk menciptakan pengalaman Street View eksklusif yang membawa penggemar ke belakang layar di McLaren Technology Center, markas McLaren Racing, dan kandang McLaren Formula 1 Tim di Surrey, Inggris.”

2. Portal Michelob ULTRA Yosemite

Pengalaman AR Web ini memungkinkan Anda membawa bir dari halaman belakang ke tempat yang sedikit lebih indah. Anda memasuki portal yang membawa Anda berkeliling Yosemite langsung dari ponsel Anda.

3. Warba Dunia

Warba World adalah yang pertama – dan mungkin satu-satunya – game petualangan AR dalam literasi keuangan. Pemain memilih avatar dan dipindahkan ke peta 3D yang mewakili landmark terkenal di Kota Kuwait menggunakan teknologi AR. Tersembunyi di dalam Kota Kuwait virtual ini terdapat beberapa tempat menarik yang berbeda, masing-masing membuka tugas trivia baru.

4. Pemandangan Seni Saatchi di Kamar Saya

Web AR juga berfungsi untuk e-niaga. Fitur Lihat di Kamar Saya dari Saatchi Art memungkinkan Anda menggunakan kamera ponsel untuk melihat seperti apa lukisan dari situs web mereka di rumah Anda. Cukup pilih karya seni apa saja, lalu Lihat di Kamar Saya untuk melihat apakah itu sesuai untuk Anda.

5. Kelinci Konyol

The Silly Bunny, buku papan anak-anak, memiliki perjalanan Web AR berbasis telepon yang dapat Anda mainkan dengan buku Anda. Ini memungkinkan Anda untuk mengaktifkan Kelinci Konyol Anda sendiri dan membawanya dalam petualangan.

6.Zenni Optical

Zenni Optical menggunakan Web AR untuk membuat pembelian kacamata secara online menjadi lebih praktis. Anda dapat menggunakan webcam Anda untuk membantu mengukur jarak pupil Anda untuk mendapatkan kacamata yang pas dan kemudian “mencobanya” secara online.

7. 1 Tempat

Sama seperti melihat karya seni di rumah Anda sebelum membeli, 1 Place mengambil model yang sama dan menerapkannya pada furnitur. Selain itu, Anda dapat memutar dan memindahkan potongan untuk melihatnya dari setiap sudut dengan jentikan mouse.

8.Brett Williams

Jika Anda seorang desainer/pengembang yang bermain dengan AR, Anda dapat menggunakannya untuk resume Anda seperti yang dilakukan Brett Williams di sini. Ini adalah cara yang menyenangkan untuk menunjukkan keterampilan dan apa yang dapat Anda lakukan dalam pengalaman yang imersif. Dia juga menyediakan resume LinkedIn jika Anda ingin melihatnya dalam format yang lebih tradisional.

9. Pha5e

Ciptakan taman virtual dengan pengalaman yang dimulai dengan animasi tiga dimensi di desktop Anda dan setelah selesai, jika Anda puas dengan apa yang telah Anda lakukan sejauh ini, Anda dapat beralih ke ponsel untuk mendapatkan lebih banyak augmented reality.

10. Filter Instagram Shrink Ray

Web AR berfungsi dengan baik di dalam aplikasi lain. Shrink Ray berada dalam augmented reality di mana pengguna dapat berinteraksi langsung dengan barang-barang konsumsi dan melihat bagaimana inflasi memengaruhi daya beli.

Kesimpulan

Apa yang keren tentang Web AR adalah Anda tidak perlu merancang dan mengembangkan aplikasi agar bisa bekerja. Ini semua berbasis web, teknologi browser. Meskipun saat ini tidak ada banyak situs tersebut di luar sana, kami hanya berharap penggunaan akan meningkat.

Bisakah Anda melihat diri Anda menggunakan Web AR dalam proyek yang akan datang? Ingin tahu lebih banyak? Apa itu AR Web? adalah sumber yang bagus dengan banyak info tentang teknologi ini.



sumber

Leave a Reply