Web AR Adalah: Cara Kerja, Jenis, dan Contohnya untuk Brand
Web AR adalah augmented reality yang berjalan di browser HP tanpa install aplikasi. Cara kerjanya, jenis-jenisnya, beda dengan AR aplikasi, dan contohnya.

Di artikel ini
Web AR adalah augmented reality yang berjalan langsung di browser HP. Orang cukup scan QR code atau klik link, mengizinkan akses kamera, lalu konten digital muncul di dunia nyata: karakter di atas kemasan produk, frame di sekitar wajah, atau pintu masuk ke dunia milik brand. Tanpa install apa pun.
Lihat layanan web AR kami.
Web AR Adalah
Augmented reality (AR) menaruh objek digital di atas apa yang dilihat kamera. Dulu, AR hampir selalu butuh aplikasi khusus. Web AR (sering ditulis WebAR) melakukan hal yang sama dengan teknologi web, jadi bisa jalan di Chrome di Android atau Safari di iPhone. Pengalamannya ada di URL biasa, sehingga bisa dibagikan lewat WhatsApp, dicetak sebagai QR code di kemasan, atau dipasang di poster saat event.
Cara Kerja Web AR
- Pemicu. QR code, link, tag NFC, atau iklan membawa pengguna ke halaman web.
- Akses kamera. Browser meminta izin memakai kamera.
- Tracking. Halaman mengenali sesuatu di layar: gambar cetak, wajah, atau permukaan datar seperti meja dan lantai.
- Konten. Model 3D, animasi, game, atau frame foto muncul di atasnya dan ikut bergerak bersama kamera.
- Aksi. Pengguna bermain, berfoto, membagikan hasilnya, atau mengklaim hadiah.
Jenis-Jenis Web AR
| Jenis | Yang dikenali | Contoh pemakaian |
|---|---|---|
| Image tracking | Gambar cetak seperti kemasan, label, atau poster | Kemasan interaktif, iklan cetak, materi di toko |
| Face tracking | Wajah pengguna | Filter foto, coba produk, frame karakter |
| Penempatan di permukaan | Lantai atau meja | Preview produk, karakter 3D di dalam ruangan |
| Portal | Permukaan yang bisa "dimasuki" | Dunia brand yang imersif, storytelling |
| Berbasis lokasi | Tempat atau titik check-in | Jalur event, stamp rally, wisata |
Web AR vs AR di Aplikasi
| Web AR | AR di aplikasi | |
|---|---|---|
| Mulai | Langsung dari link atau QR code | Download dan install dulu |
| Paling cocok untuk | Kampanye, kemasan, event | Produk yang dipakai tiap minggu |
| Jangkauan | Siapa pun dengan HP modern | Hanya yang mau install |
| Fitur perangkat | Kamera, gerakan, lokasi | Akses lebih dalam, 3D lebih berat |
| Update | Ubah halaman, langsung berlaku untuk semua | Rilis versi aplikasi baru |
Untuk kebanyakan kampanye marketing, penentunya ada di sepuluh detik pertama. Pembeli yang sedang berdiri di depan rak mau scan kode, tapi jauh lebih sedikit yang mau download aplikasi.
Contoh Web AR di Kampanye Nyata
Indomilk Kids × Pokémon. Alih-alih promo kemasan sekali pakai, pembeli scan kemasan untuk menangkap Pokémon dalam AR, menjalankan misi baru setiap minggu, dan melengkapi Pokédex digital. Hasilnya 538.000 pemain, rata-rata sesi 2 menit 2 detik, dan 2,13 juta kunjungan website.
AR portal Sasa. Pembeli scan kemasan Sasa Santan lalu masuk lewat portal ke dunia virtual berisi resep, cerita produk, game berburu, dan tujuh titik masuk untuk dijelajahi. Sebelum launch, kami menjalankan beberapa sesi testing di lokasi supaya pengalamannya benar-benar jalan untuk pembeli sungguhan.
Sasa Sambal × Looney Tunes. Filter foto berbasis web: scan botolnya, pilih frame Looney Tunes yang sesuai varian, berfoto bersama Bugs, Taz, dan Tweety, lalu bagikan ke media sosial untuk membuka kupon.
Supaya Web AR Berhasil
- Loading pertama cepat. Buat scene awal ringan supaya tetap lancar di HP kelas menengah dan data seluler.
- Satu aksi yang jelas. Tangkap, berfoto, atau masuk portal: jelaskan dalam satu kalimat apa yang harus dilakukan.
- Alasan untuk kembali. Misi, koleksi, dan hadiah mengubah satu kali scan menjadi kunjungan berulang.
- Uji dengan pengguna sungguhan. Cahaya di lorong supermarket beda dengan cahaya di kantor.
- Jaga data pribadi. Kalau kamu menyimpan foto atau data kontak, minta persetujuan dan ikuti UU PDP No. 27/2022.
Cara Mulai
Pilih satu pemicu yang sudah kamu punya, misalnya kemasan, poster, atau booth di event, dan satu aksi yang kamu ingin orang lakukan. Buat prototype singkat, uji di HP yang benar-benar dipakai audiens kamu, lalu launch dan pantau data scan-nya. Mau dibantu menyusun ruang lingkupnya? Ngobrol dengan kami.
Pertanyaan yang Sering Ditanyakan
Web AR adalah apa?
Web AR adalah augmented reality yang berjalan di browser HP, bukan di aplikasi khusus. Pengguna membuka link atau scan QR code, mengizinkan akses kamera, lalu melihat objek, karakter, atau efek digital yang muncul di dunia nyata lewat kamera.
Apa bedanya web AR dengan AR di aplikasi?
AR di aplikasi harus diunduh dulu dari App Store atau Google Play dan bisa memakai lebih banyak fitur perangkat. Web AR langsung terbuka dari link, jadi lebih cocok untuk kampanye di mana orang memutuskan mau mencoba atau tidak dalam beberapa detik.
Apakah web AR bisa dibuka di semua HP?
Bisa di sebagian besar HP Android dan iPhone modern lewat browser bawaannya. Scene 3D yang berat perlu dioptimasi supaya tetap cepat terbuka di HP kelas menengah dan koneksi data seluler.
Web AR bisa dipakai brand untuk apa saja?
Kemasan interaktif, game yang dimainkan dari kemasan atau poster, filter foto dengan karakter atau frame, portal ke dunia brand, preview produk, dan aktivasi di event.
Apakah web AR aman untuk data pribadi?
Gambar dari kamera bisa diproses di HP tanpa disimpan. Kalau kampanye menyimpan foto, wajah, atau data kontak, kampanye itu wajib mengikuti UU PDP No. 27/2022, termasuk meminta persetujuan yang jelas.
Sumber
Angka project dari case study rekursiv
- AR portal: Sasa in Wonderland Sasa
- Pokémon AR packaging Indomilk Kids × Pokémon
- Sauce-tacular: a Looney Tunes photo filter Sasa Sambal × Looney Tunes





