
만물공작소
본 프로젝트는 만물공작소에서 축제가 열리는 지역이나 특정 위치에서 드론을 활용해 현재 날씨, 혼잡도, 주차 상황 등을 실시간으로 확인할 수 있는 서비스 개발을 의뢰받아 제작한 작업입니다. 드론에 탑재된 다양한 센서로부터 수집되는 날씨 정보, 인원 혼잡도, 주차 가능 공간 등의 핵심 데이터를 실시간으로 처리하여 사용자들이 직관적으로 이해할 수 있는 시각적 형태로 변환하는 데이터 시각화 엔진을 개발했으며, 지도 기반 사용자 인터페이스를 설계하여 사용자들이 특정 위치를 중심으로 해당 지역의 상세 정보를 즉시 확인할 수 있도록 했습니다. 또한 드론 카메라와 완전히 연동된 고품질 라이브 영상 송출 시스템을 구현하여 RTMP 프로토콜과 웹 스트리밍 프로토콜을 활용한 안정적인 실시간 방송 서비스를 제공하며, 시스템을 운영하는 관리자와 정보를 이용하는 일반 사용자의 서로 다른 요구사항을 완벽하게 반영한 분리형 인터페이스를 구축하여 현장 상황을 실시간으로 전달하는 종합적인 드론 기반 정보 서비스 플랫폼을 성공적으로 완성했습니다.
제작 기간2023. 06 - 2023. 09
고객사만물공작소
사용 기술Next.js, TypeScript
서비스
미리보기
미리보기

고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
드론 센서 데이터로 날씨·혼잡도·주차 정보를 보여주는 지도 기반 시각화 시스템 구축
2.
경량 프론트엔드로 실시간 데이터를 즉시 반영하는 빠른 응답성 구현
3.
RTMP·웹 스트리밍 기반의 적응형 실시간 영상 송출 기능 개발
4.
드론별 독립 채널의 다채널 스트리밍 시청 환경 제공
5.
관리자·사용자 모드를 분리한 인터페이스로 운영 효율과 접근성 강화
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.

타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.

비즈니스의 다음 단계퀀텀 점프마스터키,
아이디어만 있어도 됩니다.
첫 상담부터 출시까지, 데브파이브가 함께합니다.
첫 상담부터 출시까지, 데브파이브가 함께합니다.
