yemson

Shorts24

쇼핑몰 숏폼 콘텐츠를 위젯 형태로 삽입하고, 상품과 연동하여 전환율을 높이는 영상 커머스 플랫폼

🔗 Shorts24

사용 기술

Vue iconVue Nuxt iconNuxt Firebase iconFirebase Tailwind CSS iconTailwind CSS

주요 기능

  • 쇼핑몰에 숏폼 콘텐츠 삽입 → 상품 연동 → 전환 유도 흐름 구성
  • 3D 큐브 전환, 플로팅 UI 등 다양한 시청 위젯 지원
  • 영상 시청 로그 기반 분석 대시보드 제공
  • 시청 시간, 클릭률 등 행동 데이터 중심의 전환 인사이트 시각화

담당 역할 / 기여도

  • 숏폼 영상 전용 위젯 구조 설계 및 신규 위젯 2종 개발

    • 기존 Live24 구조에서 독립 → 번들 사이즈 40% 감소
    • Swiper.js 기반 인스타그램 스타일 3D 큐브 위젯 구현
    • 스토리형, 플로팅형 등 다양한 시청 UI 제공

  • 영상 로그 수집 및 전환 분석 기능 구현

    • Highcharts 기반 시청 로그, 클릭률, 유입경로 등 지표 시각화
    • 쇼핑몰 운영자가 콘텐츠 효과를 정량적으로 파악할 수 있는 대시보드 설계

스크린샷

shorts24-1