แอป AR สำหรับงานเปิดตัวผลิตภัณฑ์ Eucerin ให้ผู้ร่วมงานสำรวจสินค้าผ่านโมเดล 3D แบบอินเทอร์แอคทีฟ พร้อมข้อมูลสินค้าซ้อนบนภาพจริง
เกี่ยวกับโปรเจ็ค
Eucerin AR คือประสบการณ์ Web AR ที่สร้างขึ้นสำหรับงานเปิดตัวเซรั่ม Eucerin HYALURON-FILLER EPIGENETICS โจทย์คือทำให้ผู้ร่วมงานเข้าใจเทคโนโลยีเบื้องหลังผลิตภัณฑ์ ซึ่งเป็นเรื่องวิทยาศาสตร์ผิวที่ค่อนข้างซับซ้อน ได้ภายในเวลาไม่กี่นาทีที่เดินผ่านบูธ
แทนที่จะให้อ่านป้ายข้อมูลยาว ๆ ผู้ร่วมงานเพียงสแกน QR Code แล้วส่องกล้องมือถือไปที่ขวดผลิตภัณฑ์จริง ระบบจะติดตามตัวขวดและแสดงจุดข้อมูลแบบ 3D ลอยขึ้นมารอบ ๆ ให้แตะสำรวจทีละจุด ทั้งหมดทำงานผ่านเบราว์เซอร์ ไม่ต้องดาวน์โหลดแอป จึงเข้าถึงได้ทันทีหน้างาน
หลังจากงานเปิดตัวในไทย โปรเจ็คยังถูกต่อยอดเป็นเวอร์ชันภาษาเวียดนามเพื่อใช้ในตลาดเวียดนามอีกด้วย
ประสบการณ์ในแอป
1. สแกนเพื่อเริ่ม (Scan to Start)
ผู้ร่วมงานสแกน QR Code ที่บูธเพื่อเปิดประสบการณ์บนเบราว์เซอร์ทันที หน้าแรกแนะนำผลิตภัณฑ์พร้อมชวนให้ "Scan to unlock your age clock" เป็นการเปิดเรื่องที่เชื่อมโยงกับแนวคิดนาฬิกาอายุผิวของแคมเปญ
2. ติดตามผลิตภัณฑ์ (Product Tracking)
เมื่อส่องกล้องไปที่ขวดเซรั่มจริง ระบบจะจับตำแหน่งขวดและวางโมเดล 3D พร้อมจุดข้อมูลหมายเลข 1–5 รอบตัวขวดแบบเรียลไทม์ แม้ผู้ใช้จะขยับมือหรือหมุนขวด ข้อมูลก็ยังเกาะติดอยู่กับผลิตภัณฑ์ ทำให้รู้สึกเหมือนขวดจริง "มีชีวิต" ขึ้นมา
3. ข้อมูลผลิตภัณฑ์แบบอินเทอร์แอคทีฟ (Product Detail)
แตะแต่ละจุดเพื่อดูคำตอบของคำถามสำคัญ เช่น เทคโนโลยี Age Clock คืออะไร, Epicelline คืออะไร หรือจะเห็นผลลัพธ์อะไรบ้าง แต่ละจุดมาพร้อมแอนิเมชันที่ช่วยอธิบายกลไกของส่วนผสมให้เข้าใจง่ายกว่าการอ่านข้อความเพียงอย่างเดียว
4. วิดีโอโฆษณา (TVC)
ภายในประสบการณ์ AR ยังฝังวิดีโอโฆษณาของแคมเปญไว้ ให้ผู้ร่วมงานได้ชมเรื่องราวของแบรนด์ต่อเนื่องจากการสำรวจผลิตภัณฑ์ โดยไม่ต้องออกจากหน้าจอ
5. รองรับหลายภาษา (Localization)
ระบบออกแบบให้เปลี่ยนภาษาได้ง่าย โดยได้พัฒนาเวอร์ชันภาษาเวียดนามเพิ่มเติม เพื่อให้แบรนด์นำประสบการณ์เดียวกันไปใช้ในงานเปิดตัวต่างประเทศได้ทันที
เบื้องหลัง Eucerin AR
ทีม MeDream รับผิดชอบการพัฒนาประสบการณ์ AR ทั้งหมด โดยโจทย์สำคัญคือต้อง "เปิดแล้วเล่นได้ทันที" บนมือถือทุกรุ่นของผู้ร่วมงาน ไม่ว่าจะเป็น iOS หรือ Android และต้องรับมือกับแสงไฟหน้างานอีเวนต์ที่ควบคุมไม่ได้
- AR Development — พัฒนาระบบติดตามผลิตภัณฑ์และวางโมเดล 3D บน Web AR
- Interactive Content — ระบบจุดข้อมูล (hotspot) พร้อมแอนิเมชันอธิบายผลิตภัณฑ์
- Video Integration — ฝังวิดีโอ TVC เข้าไปในประสบการณ์ AR
- Localization — โครงสร้างรองรับหลายภาษา พร้อมเวอร์ชันภาษาเวียดนาม
- Deployment — โฮสต์บน Firebase เพื่อให้โหลดเร็วและรองรับผู้ใช้จำนวนมากพร้อมกันในวันงาน