영상 기반의 모바일 미디어 커머스 플랫폼

드라마·예능 등 영상 콘텐츠 속 셀럽과 등장인물의 PPL 상품을 탐색하고, 외부 쇼핑몰로 연결해 구매할 수 있도록 구성한 모바일 미디어 커머스 플랫폼입니다. 영상 탐색과 상품 발견을 하나의 흐름으로 연결했습니다

영상 콘텐츠와 상품 구매 경로의 연결 드라마·예능에서 본 셀럽 및 등장인물의 상품을 별도로 찾아야 하는 불편을 줄이고, 영상에서 상품 정보와 구매 경로까지 자연스럽게 연결할 필요가 있었습니다. 세부적인 상품 검색 경험 구축 프로그램, 인물, 상품 등 다양한 기준으로 원하는 PPL 상품을 쉽게 찾을 수 있도록 검색 기능을 세밀하게 구성할 필요가 있었습니다. 기존 디자인을 활용한 iOS 우선 서비스 구축 준비된 UI 디자인과 기존 개발 소스를 검토하면서 필요한 화면을 보완하고, iOS 앱을 중심으로 서버와 관리자 영역까지 연계할 수 있는 서비스 구조가 필요했습니다.

영상 콘텐츠 큐레이션 드라마·예능 영상과 관련 클립을 탐색하고 상세 콘텐츠로 이동할 수 있도록 영상 중심의 서비스 화면을 구성했습니다. PPL 상품 정보 연결 영상에 등장하는 셀럽·등장인물과 관련 상품 정보를 연결하고, 상품 확인 후 외부 쇼핑몰로 이동할 수 있도록 구성했습니다. 상세 검색 기능 프로그램·인물·상품 등을 기준으로 원하는 콘텐츠와 PPL 상품을 찾을 수 있도록 검색 및 검색결과 화면을 구현했습니다. iOS 모바일 앱 구성 준비된 UI를 기반으로 메인, 카테고리, 검색, 영상·상품 상세 등 약 20여 개 화면을 중심으로 iOS 앱을 구성했습니다. 서버·관리자 영역 구성 영상과 상품 콘텐츠를 서비스할 수 있도록 Node.js 기반 서버와 서비스 운영을 위한 관리자 영역을 구축 범위에 포함했습니다.

영상 콘텐츠를 탐색하면서 관련 PPL 상품을 확인하고 외부 쇼핑몰로 이동할 수 있는 모바일 미디어 커머스 서비스 흐름을 구성했습니다. 프로그램·인물·상품 중심의 검색과 콘텐츠 상세 구조를 연결해 영상에서 상품 탐색으로 이어지는 서비스 기반을 마련했습니다.