LG U+ 'U+ 스마트드론' 실시간 관제 모니터링 웹·앱 UX/UI 구축

Client.

LG U+

Work.

UI Design

Production.

WEB, APP

Device.

PC, Smartphone

Period.

19.09~19.11

Project Overview.

U+ 스마트드론 앱을 통해 실시간으로 드론 비행 현황을 모니터링 할 수 있습니다. 전체적으로 가시성과 간결성을 고려하여 메뉴 및 버튼이 눈에 잘 띄도록 구성하였습니다.


LG U+ 스마트드론 실시간 모니터링 앱 UI/UX 구축


가시성과 직관성을 극대화한 실시간 드론 관제 플랫폼 'U+ 스마트드론'


LG U+ 스마트드론은 이동 중인 드론의 위치와 비행 경로, 상태 데이터를 실시간으로 감지하고 모니터링하는 통합 관제 플랫폼입니다. 기존에는 비행 속도, 고도, 배터리, 카메라 영상 등 다량의 복잡한 정보가 야외나 모바일 환경에서 산발적으로 나열될 경우 모니터링 실수가 발생할 위험이 있었습니다. 이에 다양한 외부 환경이나 긴급 상황 속에서도 주요 제어 버튼을 즉각적으로 식별하고 대응할 수 있는 고시인성 관제 인터페이스 구축이 시급했습니다.
   
유엑스스토리(UXstory)는 가시성과 간결성을 최우선으로 고려한 맞춤형 관제 UX를 설계했습니다. 야외 모바일 관제 시에도 핵심 제어 버튼과 메뉴를 직관적으로 식별할 수 있도록 고대비 그래픽 인터페이스를 적용했습니다. 또한, 드론의 실시간 위치 지도, 비행 상태 인디케이터, 영상 송출 화면을 한눈에 볼 수 있도록 모듈형 대시보드를 구성하고, '상황 감지 → 데이터 확인 → 원스톱 제어'로 이어지는 3단계 단축 동선을 구축해 직관적인 조작을 지원했습니다.
   
LG U+의 시그니처 컬러를 활용하여 높은 가독성의 UI 팔레트를 구성하고, 실시간 비행 상태 아이콘 및 고시인성 버튼 컴포넌트를 정립하여 드론 관제 전용 디자인 시스템을 완성했습니다. 이를 통해 PC와 스마트폰을 아우르는 멀티 디바이스 통합 관제 환경을 구현하였으며, 드론 비행 상태 파악 및 조작 시간을 단축하여 긴급 상황 대응력을 높이고 실시간 모니터링의 안정성을 대폭 향상시켰습니다.


Key Features

- 실시간 통합 관제 대시보드: 실시간 위치 지도, 비행 상태 데이터, 영상 송출 화면을 한눈에 확인하는 모듈형 뷰
- 고시인성 제어 인터페이스: 야외 가혹 환경 및 긴급 상황에서도 직관적으로 식별 가능한 고대비 버튼과 메뉴
- 멀티 디바이스 모니터링 지원: PC 웹 화면과 스마트폰 앱을 유기적으로 연동하여 어디서나 정확한 관제 수행
- 단축 관제 워크플로우: 실시간 현황 감지부터 상세 데이터 확인, 즉각적인 비행 명령 제어까지 이어지는 3단계 동선
- 브랜드 맞춤형 디자인 시스템: LG U+ 브랜드 테마를 이식한 직관적 UI 컴포넌트 및 비행 상태 아이콘 정립