프로젝트 배경
1. 문제점
– 기존 커머스 앱들은 실시간 소통과 쇼핑을 동시에 제공하기 어려움
– 사용자 참여 유도와 리워드 시스템이 부족해 고객 충성도 낮음
2. 프로젝트 목표
– 실시간 방송과 쇼핑을 결합한 라이브 스트리밍 커머스 앱 개발
– 클릭만으로 리워드를 쌓고, 사용자 참여를 극대화하는 미니앱 구현
3. 주안점
– 직관적인 UI/UX로 누구나 쉽게 방송 참여 가능하도록 설계
– 빠른 반응성과 안정적인 실시간 스트리밍 환경 구축
– 기존 커머스 앱들은 실시간 소통과 쇼핑을 동시에 제공하기 어려움
– 사용자 참여 유도와 리워드 시스템이 부족해 고객 충성도 낮음
2. 프로젝트 목표
– 실시간 방송과 쇼핑을 결합한 라이브 스트리밍 커머스 앱 개발
– 클릭만으로 리워드를 쌓고, 사용자 참여를 극대화하는 미니앱 구현
3. 주안점
– 직관적인 UI/UX로 누구나 쉽게 방송 참여 가능하도록 설계
– 빠른 반응성과 안정적인 실시간 스트리밍 환경 구축
프로젝트 성과
라이브 스트리밍과 커머스 기능 완벽 통합
– 실시간 방송과 쇼핑 기능을 직접 개발하여 사용자 편의성과 구매 전환율 극대화
웹과 모바일 앱 전반 개발 완료
– 랜딩페이지부터 앱까지 일관된 브랜드 경험 제공, 사용자 접근성 강화
실시간 소통으로 사용자 참여도 향상
– 인터랙티브한 방송 환경 구축으로 체류 시간 및 고객 만족도 증가
모든 기기에서 최적화된 반응형 UI 구현
– PC, 모바일, 태블릿 등 다양한 환경에서 안정적이고 일관된 사용자 경험 제공
직접 코딩으로 맞춤형 기능 구현 및 빠른 대응 가능
– 프레임워크 제약 없이 고객 요구에 맞춘 유연한 개발 및 신속한 업데이트 지원
핵심 기능
실시간 라이브 스트리밍 기능
– 판매자가 실시간으로 제품을 소개하고 시청자와 소통하며 판매 가능
방송 중 상품 바로 구매 기능
– 스트리밍 도중 실시간으로 상품 정보 확인 및 즉시 결제 연동
채팅 및 사용자 상호작용 기능
– 실시간 댓글, 질문, 반응을 통해 방송 참여도와 몰입감 강화
상품 상세 페이지 및 리뷰 시스템
– 제품별 상세 정보와 사용자 리뷰 제공으로 구매 결정 지원
반응형 웹 및 앱 최적화
– 다양한 디바이스에서 안정적으로 작동하는 인터페이스 구현
진행 단계
기획 및 요구사항 분석
2024.10.
– 라이브 스트리밍 커머스 시장 조사 및 주요 기능 정의
프론트엔드 및 백엔드 개발
2024.10.
– 실시간 스트리밍, 쇼핑 기능 통합 및 서버 구축
테스트 및 품질 검증
2024.11.
– 기능, 성능, 호환성 테스트를 통한 안정성 확보
배포 및 운영 지원
2024.11.
– 웹과 모바일 앱 런칭, 사용자 피드백 반영한 지속적 개선
프로젝트 상세
1) 포트폴리오 소개
라이브 스트리밍 기반의 모바일 쇼핑 앱 및 브랜드 랜딩페이지 구축
판매자가 실시간 방송으로 제품을 소개하고, 시청자가 채팅 및 구매에 즉시 참여할 수 있는 라이브 쇼핑 커머스 플랫폼 개발
• 주 타깃: 트렌드에 민감한 2030 여성 쇼핑족, 인플루언서 팬층
2) 작업 범위
• 서비스 기획 → 랜딩페이지 → 모바일 앱까지 풀 커버
• 랜딩페이지: Next.js + Tailwind 기반 반응형 웹 개발
• 모바일 앱: React Native 기반 iOS/Android 동시 개발
• 실시간 송출, 채팅, 구매, 관리자 대시보드 포함 전체 시스템 설계 및 개발
3) 주요 업무
• 랜딩페이지: 브랜드 소개, 크리에이터 유입 유도형 구조 설계
• 앱 메인: 라이브 방송 스트리밍, 상품 태깅 및 실시간 구매 기능 구현
• 실시간 채팅, 좋아요, 상품 클릭 통계 등 방송 연동형 인터랙션 기능
• 방송 알림, 방송 예약, VOD 아카이빙 기능
• 판매자 대시보드: 방송 스케줄, 상품 등록 및 판매 통계 기능
4) 주안점
• 브랜드 아이덴티티가 잘 드러나는 랜딩페이지 구성
• 라이브 방송 중 끊김 없는 경험을 위한 퍼포먼스 최적화
• 시청 중에도 구매 흐름이 끊기지 않는 UX 설계
• 전체 사용자 흐름(진입 → 방송 시청 → 상품 구매 → 후기 작성) 설계 고려
• 앱과 웹 간 사용자 경험 연결성 유지
라이브 스트리밍 기반의 모바일 쇼핑 앱 및 브랜드 랜딩페이지 구축
판매자가 실시간 방송으로 제품을 소개하고, 시청자가 채팅 및 구매에 즉시 참여할 수 있는 라이브 쇼핑 커머스 플랫폼 개발
• 주 타깃: 트렌드에 민감한 2030 여성 쇼핑족, 인플루언서 팬층
2) 작업 범위
• 서비스 기획 → 랜딩페이지 → 모바일 앱까지 풀 커버
• 랜딩페이지: Next.js + Tailwind 기반 반응형 웹 개발
• 모바일 앱: React Native 기반 iOS/Android 동시 개발
• 실시간 송출, 채팅, 구매, 관리자 대시보드 포함 전체 시스템 설계 및 개발
3) 주요 업무
• 랜딩페이지: 브랜드 소개, 크리에이터 유입 유도형 구조 설계
• 앱 메인: 라이브 방송 스트리밍, 상품 태깅 및 실시간 구매 기능 구현
• 실시간 채팅, 좋아요, 상품 클릭 통계 등 방송 연동형 인터랙션 기능
• 방송 알림, 방송 예약, VOD 아카이빙 기능
• 판매자 대시보드: 방송 스케줄, 상품 등록 및 판매 통계 기능
4) 주안점
• 브랜드 아이덴티티가 잘 드러나는 랜딩페이지 구성
• 라이브 방송 중 끊김 없는 경험을 위한 퍼포먼스 최적화
• 시청 중에도 구매 흐름이 끊기지 않는 UX 설계
• 전체 사용자 흐름(진입 → 방송 시청 → 상품 구매 → 후기 작성) 설계 고려
• 앱과 웹 간 사용자 경험 연결성 유지





