'NCT LIVE MOTION' 모바일 인터랙티브 앱 UX/UI 구축

내 터치에 아티스트가 반응하는, 'NCT LIVE MOTION'

고정 이미지나 짧은 숏폼 영상만으로는 팬에게 생동감 있는 교감을 전하기 어려웠습니다.
또한 다양한 국적과 연령의 팬이 언어 장벽 없이 즐길 수 있어야 했습니다. 이에 사용자의 터치와 제스처에 아티스트가 실시간으로 반응해, 마치 직접 만나는 듯한 몰입감을 주는 팬 앱을 목표로 했습니다.

먼저 탭, 드래그, 롱 프레스 등 손가락 동작마다 아티스트가 다르게 반응하는 흐름을 설계하고, 모션이 끊기지 않도록 터치 반응 속도를 최적화했습니다.
화면은 텍스트를 덜어낸 미니멀 풀 스크린으로 구성해 아티스트에게 집중하게 했고, 아이콘 가이드로 설명서 없이도 직접 만져 보며 반응을 찾아볼 수 있게 했습니다. 멤버별 모션은 카드형 갤러리와 마이페이지에서 감상하고 모을 수 있어 수집하는 재미를 더했습니다.

마지막으로 아티스트의 움직임이 돋보이도록 다크 톤 중심의 디자인 시스템과 제스처 안내 구성 요소를 만들었습니다.
라이브 모션 뷰, 멤버 선택·갤러리 탐색, 제스처 가이드 팝업, 마이 컬렉션 등 핵심 화면을 완성하여, 팬이 콘텐츠를 보는 데서 나아가 아티스트와 교감하는 경험을 느낄 수 있게 했습니다.


Key Features

- 터치·제스처에 실시간으로 반응하는 아티스트 라이브 모션
- 탭·드래그·롱 프레스별 다양한 인터랙션
- 몰입을 높이는 미니멀 풀 스크린 화면
- 설명서 없이 쓰는 아이콘 중심 가이드
- 멤버별 모션을 모으는 카드형 갤러리·마이 컬렉션
- 다크 톤 기반의 팬덤 맞춤 디자인 시스템