Virtual Seoul Platform
3D 온라인 컨퍼런스 플랫폼
서울 관광재단과 협력하여 개발된 가상 전시 및 온라인 컨퍼런스 플랫폼으로, 전 세계 사용자들이 온라인으로 서울의 명소를 탐험하며 화상 회의를 진행할 수 있도록 지원합니다.온라인 관광과 화상 회의 트렌드 분석 및 사용자 니즈 조사, 반응형 테스트 및 다양한 기기에서의 사용자 경험 개선, UI/UX 기획 및 마크업 개발을 담당하며, 디자인 가이드라인 정립 및 개발 협업을 진행했습니다.
TIMELINE
2021.05 ~ 2021.11
CLIENT
서울 관광재단
ROLE
UI Developer & Planner
CONTRIBUTION
· Research : 100%
· Planning : 100%
· Management : 50%
· Testing : 50%
Backend
Node.js, Express
Frontend
React, TypeScript, SCSS, WebGL, Babylon.js
Collaboration
Figma, Confluence, Jira, Photoshop
비대면 시대에 온라인 관광과 컨퍼런스를 효과적으로 결합하는 방법은?
코로나19로 인해 대면 행사가 어려워지면서, 온라인 컨퍼런스와 가상 관광을 결합한 새로운 형태의 플랫폼이 필요했습니다.Virtual Seoul은 서울의 주요 명소를 3D 환경에서 탐색하면서 실시간 온라인 화상 회의를 진행할 수 있는 기능을 도입하였습니다.이를 통해 사용자는 단순한 화상 회의가 아닌, 서울을 배경으로 한 몰입형 회의 경험을 제공받을 수 있도록 하였습니다.
가상 관광과 온라인 컨퍼런스를 결합한 새로운 비대면 경험
서울의 주요 명소를 3D 환경에서 탐색할 수 있도록 구현하여 사용자 몰입도를 높였습니다. 또한, 사용자가 관광지를 배경으로 실시간 화상 회의를 진행할 수 있는 기능을 추가하여 새로운 방식의 비대면 컨퍼런스를 경험할 수 있도록 하였습니다. 반응형 디자인을 적용하여 PC, 태블릿, 모바일에서도 원활한 환경을 제공하였습니다.
‘2021 버추얼 마이스 쇼’에서 8개국 81개 기업 및 26개 국내 기업이 참여하여 1:1 화상 비즈니스 상담 진행
'제66회 국제약학대학생연합 온라인 세계총회' 92개국 2,000여 명의 약학대학생 참여
행사 주최자의 커스터마이징 가능한 글로벌 가상 이벤트 플랫폼 구현
Virtual Seoul 2.0을 통해 배운 점과 개선하고 싶은 점
Virtual Seoul 2.0 프로젝트를 진행하며, UI/UX 기획과 기술적 구현 사이의 균형을 맞추는 것이 얼마나 중요한지 배웠습니다. 단순한 웹사이트 기획이 아닌 가상공간과 자연스럽게 어우러지는 UI를 설계하는 과정에서 기존의 방식과는 다른 접근이 필요하다는 점을 깨달았습니다.
콘텐츠 관리자 시스템(CMS)을 도입하여 비개발자도 플랫폼을 쉽게 수정할 수 있도록 한 점은 긍정적인 경험이었지만, 더 직관적인 UX 설계를 할 필요가 있었습니다. 향후 프로젝트에서는 CMS 사용성을 더욱 개선하여 운영자의 효율성을 높이고 싶습니다.
또한, 가상 전시 및 1:1 비즈니스 상담(PSA) 기능을 추가하면서 플랫폼의 확장성을 고민하는 계기가 되었습니다. 기능이 늘어날수록 사용자 경험이 복잡해질 가능성이 높으므로, UI의 직관성과 일관성을 유지하는 방법을 더욱 깊이 고민해야 한다는 점을 배웠습니다.
가상 공간의 시각적 요소를 방해하지 않기 위해 정적인 UI를 구성하는 방식을 택했지만, 향후에는 가상 공간 내에서 UI가 자연스럽게 융합될 수 있도록 더 창의적인 접근 방식을 적용하고 싶습니다.