Verizon Web AR — Humanability 캠페인

NYT 프린트 광고 QR 스캔으로 시작되는 WebAR 경험 설계. 5G 기술이 가져올 의료와 기술의 미래를 3D 오버레이로 시각화했습니다.

WebAR UI/UX AR Interaction Prototype 3D Overlay Campaign
01 / Overview

프로젝트 요약

Verizon의 5G 캠페인인 'Humanability'의 일환으로 MediVis와 협업하여 진행된 프로젝트입니다. 사용자는 New York Times 프린트 광고에 삽입된 QR 코드를 스캔하여, 5G 기술이 현대 의료와 기술 발전에 미치는 영향력을 3D AR 환경에서 직접 체험할 수 있습니다.

02 / Problem

배경 및 직면한 과제

Frangible Funnel

QR에서 WebAR로 넘어가는 퍼널은 매우 취약합니다. 사용자는 '스캔 → 권한 허용' 단계에서 가장 많이 이탈하며, 다음 단계에 무엇이 일어날지 즉각적으로 인지하지 못하면 신뢰를 잃습니다.

Core Constraints

  • 카메라 권한 허용 시의 심리적 저항감
  • 모바일 웹 환경에서의 저사양 기기 최적화
  • 안내 문구의 명확성 (Scan, Start, Next)
03 / Responsibilities

수행 역할

login

온보딩 & 퍼널 설계

QR 진입 이후 'Scan → Permission → Start' 로 이어지는 사용자 흐름을 설계하여 이탈률을 최소화하고 AR 로딩 중 안내 경험을 강화했습니다.

layers

UI 구조 및 레이아웃

WebAR 화면상의 정보 위계, 타이포그래피, 레이아웃 리듬을 설계하여 복잡한 의료 데이터를 가독성 있게 전달했습니다.

visibility

AR 시각 가이드 수립

3D Skull/Brain 오버레이가 실제 공간에서 명확히 보이도록 프레이밍, 콘트라스트, 레벨링 가이드를 정의했습니다.

04 / UX Flow

사용자 경험 프레임워크

newspaper
Print Ad
qr_code_scanner
QR Scan
lock_open
Permission
play_arrow
Start
view_in_ar
AR Scene 1
fast_forward
Next Scene
refresh
Reset/Exit
05 / Key Wireframe

핵심 와이어프레임

qr_code_scanner

QR Scan UI Moment

01. 진입 단계 (QR Scan)

카메라 UI가 NYT 지면 광고의 QR 코드를 정확히 포커스하도록 유도합니다.

photo_camera

02. 권한 요청 (Permission)

카메라 사용 이유를 명확히 설명하고, 심리적 저항을 낮추는 안내 문구를 배치했습니다.

3D Hero Area
Primary CTA (Start)

03. 시작 화면 (Start Screen)

하나의 강력한 Primary CTA(Start)를 배치하여 사용자의 다음 행동을 즉각 지시합니다.

Viewfinder_Center
Calibration_Node

04. AR 가이드 (Visual Guide)

3D 콘텐츠의 정확한 배치를 위해 뷰파인더 중심축과 앵커 포인트 가이드를 수립했습니다.

close
5G Enabled
Live AR Mode
Explore Anatomy

05. 가로 모드 인터페이스 (Landscape Mode)

몰입감 있는 3D 관찰이 필요한 단계에서 활성화되는 가로 모드 UI입니다. 정보 영역을 하단으로 집중시켜 AR 콘텐츠 가용 면적을 최대화했습니다.

06 / Process

제작 타임라인

01

목적 정의 & 스토리 비트

Verizon 'Humanability' 캠페인의 핵심 가치를 MediVis 의료 데이터와 연결하는 스토리 선정.

02

퍼널 및 인터랙션 인터페이스 설계

QR부터 최종 장면 전환까지의 흐름을 정의하고 UI 시스템 가이드를 구축했습니다.

03

개발 핸드오프 & QA

3D 리소스 사양 및 UI 애니메이션 스펙을 정리하여 개발 팀에 전달 후 성능 테스트를 진행했습니다.

07 / Impact

프로젝트 성과

8K

Campaign Participation

런칭 당일 8,000명 이상의 글로벌 참여 달성

87%

Completion Rate

최종 경험 완수율(Experience to the end rate) 기록

* 정량 지표는 NDA 및 공개 범위에 따라 일부 생략되었습니다.

09 / Learnings

배운 점

  • 카메라 권한 요청 단계에서 '이 기술이 유용하게 쓰일 것'이라는 확신을 주는 인스트럭션 하나가 전환율에 얼마나 지대한 영향을 주는지 깨달았습니다.

  • 단순한 정보 전달을 넘어, Verizon 브랜드의 신뢰도와 MediVis의 전문성을 결합하기 위해 미니멀하고 정교한 UI 시스템이 필수적임을 배웠습니다.

  • WebAR 환경은 앱에 비해 기능 제약이 많으므로, 초기 기획 단계부터 3D 팀과 타이트하게 협업하며 에셋 최적화 가이드를 세우는 것이 안정적 런칭의 핵심입니다.