Works
한국토요타 공식 App 대표 이미지
ARCHIVE · VERIFIED SOURCE

Vehicle Digital Twin

The vehicle,
decoded visually.

차량을 인식하는 AR 매뉴얼과 내·외장 VR 경험을 공식 앱 안에 연결한 자동차 비주얼 플랫폼입니다.

SCROLL TO EXPLORE
ClientTOYOTA KOREA
Project한국토요타 공식 App
Year2019
ScopeAR · VR · Mobile Platform
PROJECT OVERVIEW01 · Vehicle02 · VR Manual03 · AR Guide04 · Technology

REAL PROJECT · REFRAMED

복잡한 차량 정보를
보이는 인터페이스로.

카메라로 차량을 인식해 기능과 부품 정보를 보여주고, 모델별 외장과 실내를 VR로 탐색할 수 있게 했습니다. 주차 위치와 운행 기록, 모터쇼 프로모션까지 차량 생활의 접점을 하나의 앱에 담았습니다.

01 · VEHICLE DISCOVERY

차량을 선택하고
디지털 매뉴얼을 엽니다.

3D VR 매뉴얼에서 토요타 차량의 외장·내장 디테일과 색상 정보를 확인합니다. 실제 차량의 모델링 데이터를 기반으로 현장에 없는 차량까지 살펴볼 수 있도록 구성했습니다.

토요타 공식 앱 시작 화면
WELCOME
토요타 차량 선택 화면
SELECT VEHICLE
02 · EVERYDAY DRIVING

차를 찾는 순간부터
주행 기록까지.

사용자의 위치를 인식해 가까운 주차장을 안내하고, 토요타 차량으로 이동한 거리와 주행 기록을 확인할 수 있도록 했습니다.

주차장과 주행 기록을 표현한 지도 배경
가까운 주차장 찾기 화면
FIND PARKING
토요타 주행 기록 화면
DRIVE RECORD
03 · VR MANUAL

외장과 실내를
여러 관점으로 확인합니다.

차량 외관과 인테리어를 색상과 시점에 따라 돌려 보고, 편의 기능과 옵션 영상을 해당 위치에서 바로 확인하도록 설계했습니다.

토요타 차량 외관 VR 화면
EXTERIOR VR · COLOR & VIEW
INTERIOR VR

센터페시아와 운전석을
터치로 오갑니다.

한 시점으로 확인하기 어려운 실내 시트와 편의 기능을 여러 관점으로 전환해 살펴볼 수 있습니다. VR 이미지와 리소스는 서버에서 불러오는 방식으로 구성했습니다.

여러 기기에서 보는 토요타 VR 매뉴얼
SERVER-BASED VR CONTENT
04 · BUTTON SCANNER

카메라를 차량에 맞추면
기능 정보가 나타납니다.

가이드라인에 차량을 맞춰 인식을 시작하고 360도로 이동하며 익스테리어, TNGA 플랫폼, 하이브리드 시스템과 안전 센서를 확인합니다.

토요타 차량 내부와 디지털 매뉴얼 장면
POINT THE CAMERA · OPEN THE GUIDE
차량 버튼 스캔 화면
01 · SCAN
인식 가능한 차량 기능 목록
02 · SELECT
AR 차량 인식 가이드
03 · TRACK
05 · AR EDGE TRACKING

차량의 윤곽을 읽고
3D 정보를 겹칩니다.

차량 CAD 데이터를 인식 대상으로 만들고, 카메라가 실시간으로 찾은 윤곽과 시스템의 기준을 대조해 일치하는 위치에 3D 모델을 배치합니다.

01

3D MODEL IMPORT

대상의 3D CAD 파일을 OBJ 형식으로 가져옵니다.

차량 3D 모델 가져오기
02

EDGE PROCESS

3D 오브젝트의 윤곽을 추출해 인식 기준으로 지정합니다.

차량 윤곽 인식 처리
03

3D OVERLAY

카메라 윤곽과 기준을 대조해 일치하는 차량 위에 정보를 배치합니다.

인식 차량 위 3D 정보 배치
06 · TOUCH / SWIPE

돌려 보고, 펼쳐 보고,
필요한 지점을 선택합니다.

차량 모델을 직접 회전하며 부품과 시스템을 살펴보는 조작을 짧은 터치와 스와이프 흐름으로 구성했습니다.

하이브리드 시스템 상세 화면
HYBRID SYSTEM
차량 모델 터치 인터랙션
ROTATE & SELECT
차량 기술 정보 레이어
INFORMATION LAYER
07 · TECHNOLOGY

서버의 VR 리소스를
앱의 장면으로 전달합니다.

애플리케이션에서 사용하는 VR 이미지와 리소스를 서버에서 로드해, 모델별 콘텐츠를 디바이스에 제공하는 구조로 구성했습니다.

서버 모바일 로컬 데이터 전달 구조
SERVER → MOBILE → LOCAL IMAGE DATA
토요타 공식 앱 차량 매뉴얼 화면
ONE APP · MULTIPLE VEHICLES
TOYOTA KOREA · 2019 SEOUL MOTOR SHOW

차량의 사용법을
현장에서 바로 이해하도록.

서울모터쇼에서 공식 앱을 공개하고 스탬프·QR 코드 이벤트와 연계했습니다. 행사 기간 중 1만 다운로드를 기록하며 AR/VR 매뉴얼의 출시를 진행했습니다.

롯데홈쇼핑 AR App
NEXT PROJECT

롯데홈쇼핑 AR App ↗