LG U+ 'BI' 영상 인식 기반 매장 분석 대시보드 웹 UX/UI 구축
Client.
LG U+
Work.
UI Design, Development
Production.
WEB
Device.
PC
Period.
20.06~20.09
Project Overview.
LG U+ BI는 Business Intelligence 의 약자로, 영상 인식 및 기술 분석을 활용한 매장 분석 서비스입니다. 매장 내에 존재하는 관련 데이터들을 수집하고 분석하여 하나의 대시보드 형태로 단순화 및 시각화하여 보여줍니다.
LG U+의 아이덴티티가 돋보이도록 제작함과 동시에, 다크 모드를 통해 정보의 가시성을 높이고 데이터를 깔끔하게 정리하여 제작하였습니다.
데이터 시각화로 매장 운영을 혁신하는 'Business Intelligence'
BI(Business Intelligence)는 영상 인식 기술을 활용한 매장 분석 대시보드 웹 서비스입니다. 기존에는 매장 운영 시 발생하는 방문객 수, 이동 동선, 체류 시간 등의 데이터가 파편화되어 있어 점주나 관리자가 종합적으로 분석하기 어려웠습니다. 또한, 방대한 빅데이터가 단순 수치로 나열될 경우 인지 부하가 커지므로, 핵심 데이터를 추출해 직관적으로 보여주는 시각화 체계 구축이 필요했습니다.
유엑스스토리(UXstory)는 분산된 영상 분석 및 매장 데이터를 단일 화면에 모은 모듈형 메인 대시보드를 설계했습니다. 아이콘과 다채로운 차트를 활용해 전체 방문자, 피플 카운트, 과거 이력 정보를 한눈에 확인할 수 있습니다. 특히, 장시간 모니터링 환경을 고려하여 정보 가시성을 높이는 다크 모드 UX를 도입하고, LG U+의 시그니처 컬러를 포인트로 사용하여 브랜드 감성과 데이터 시인성을 동시에 충족시켰습니다.
매장 전개도 위에 방문자의 분포도와 체류 시간을 보여주는 히트맵(Heatmap) 뷰를 구현하고, 각 영역별 상품에 대한 방문자의 성별, 연령, 감정 분석 데이터를 팝업 모달을 통해 빠르게 확인할 수 있도록 단축 동선을 구축했습니다. 이를 통해 점주와 관리자가 복잡한 조작 없이도 매장 현황을 빠르게 파악하고 개선점을 도출할 수 있는 의사결정 환경을 완성했습니다.
Key Features
- 통합 메인 대시보드: 방문객 수, 피플 카운트, 매장 이력을 아이콘과 다채로운 그래프로 시각화
- 고가시성 다크 모드: 장시간 모니터링 시 피로도를 낮추고 데이터 시인성을 높이는 다크 테마
- 영상 인식 히트맵: 매장 전개도 위에 방문자 분포도와 체류 시간 구역을 시각적으로 구현
- 성별·연령·감정 통계 모달: 영역별 상품에 대한 방문자 반응을 리스트 및 막대그래프로 제공하는 상세 팝업
- 브랜드 맞춤형 UI: 전체적인 다크 톤과 어울리는 LG U+ 고유의 포인트 색상을 데이터 차트에 결합