메드트로닉 '가상 컨퍼런스' 360º 파노라마 웹 UX/UI 구축

Client.

피코노스아시아

Work.

Development

Production.

WEB

Device.

PC

Period.

20.06

Project Overview.

의료 서비스 관련 글로벌 기업 메드트로닉의 가상 컨퍼런스 파노라마 페이지 입니다. 2020년 6월 COVID-19로 인해 비대면 컨퍼런스 개최를 위해 개발되었습니다.
가상의 360º 로비와 컨퍼런스 룸이 제공되며 룰렛을 통한 이벤트 참여 및 행사 어젠다도 확인 가능합니다.


메드트로닉 글로벌 가상 컨퍼런스 360º 파노라마 웹 UI/UX 구축1
메드트로닉 글로벌 가상 컨퍼런스 360º 파노라마 웹 UI/UX 구축2
메드트로닉 글로벌 가상 컨퍼런스 360º 파노라마 웹 UI/UX 구축3
메드트로닉 글로벌 가상 컨퍼런스 360º 파노라마 웹 UI/UX 구축4


360º 공간에서 만나는 몰입형 비대면 행사장, '가상 컨퍼런스'


메드트로닉 가상 컨퍼런스는 COVID-19 팬데믹으로 인한 오프라인 대형 행사의 물리적 한계를 극복하고 글로벌 참관객을 수용하기 위해 개발된 360º 파노라마 기반 비대면 행사 웹 플랫폼입니다. 단순 영상 스트리밍이나 텍스트 위주의 세미나 방식은 참관객의 흥미와 집중도를 유지하기 어려웠으며, 글로벌 브랜드 위상에 걸맞은 현장감 있는 가상 행사 경험 및 행사 일정(어젠다)과 이벤트 참여를 하나로 묶은 통합 웹 인터페이스 구축이 필요했습니다.


유엑스스토리(UXstory)는 웹 브라우저 접속만으로 오프라인 행사장에 들어온 듯한 360º 파노라마 기반의 가상 로비와 쇼룸, 세션별 컨퍼런스 룸을 설계했습니다. 시각적 핫스팟 아이콘을 통해 '로비 진입 → 어젠다 확인 → 컨퍼런스 룸 입장 → 룰렛 이벤트 참여'로 이어지는 직관적인 4단계 동선을 제공했습니다. 또한, 행사 카운트다운을 보여주는 D-Day 페이지, 실시간 세션 어젠다 표, 럭키 드로우 룰렛 이벤트를 통합 배치해 참관객의 적극적인 인터랙션을 유도했습니다.
   
메드트로닉의 브랜드 컬러와 360º 공간 비주얼이 어우러지는 디자인 시스템을 완성하고, 고시인성 핫스팟 아이콘 및 이벤트 팝업 모달 라이브러리를 정립했습니다. 이를 통해 대면 행사의 제약 속에서도 수많은 글로벌 참관객의 접속과 참여를 유도하고 체류 시간을 대폭 늘렸으며, 비대면 세미나의 피로도를 낮추고 브랜드 기술력과 가치를 입체적으로 전달했습니다.


Key Features

- 360º VR 가상 로비 및 컨퍼런스 룸: 브라우저 환경에서 360도 공간을 탐색하는 몰입형 파노라마 UX
- D-Day & 실시간 어젠다 안내: 행사 카운트다운 타이머 및 세션별 상세 정보 표를 연동한 모달 UI
- 인터랙티브 룰렛 이벤트: 참관객의 참여율을 끌어올리는 럭키 드로우(Lucky Draw) 룰렛 및 당첨 팝업
- 단축 세션 이동 핫스팟: 가상 공간 내 안내 표지판 및 핫스팟을 활용한 다이렉트 룸 진입 동선
- 가상 컨퍼런스 전용 디자인 시스템: 메드트로닉 브랜드 톤앤매너와 360도 공간 시인성에 맞춘 컴포넌트 정립