프로젝트 목록
미떼 AI PRODUCTION
사진 한 장으로 AI 광고 영상을 제작하는 이벤트 웹사이트
동서식품 미떼와 함께한 AI 광고 제작 이벤트 웹사이트입니다. 사용자가 사진 한 장을 올리면 AI가 얼굴을 합성해 미떼 광고 영상을 만들어 줍니다. 프론트엔드를 단독으로 맡아 약 1개월간 개발하고, 이벤트가 끝날 때까지 약 2개월간 운영했습니다.
이벤트가 종료되었습니다- 기간
- 2025.09 ~ 2025.12 (개발 약 1개월, 운영 약 2개월)
- 담당 역할
- 프론트엔드 단독 개발, 배포 및 운영 대응
주요 구현
사진 업로드 플로우
- S3 presigned URL 직접 업로드
- 아이폰 HEIC 사진 변환(필요할 때만 라이브러리 로드), 웹캠 촬영, 크롭 편집
- 이메일 인증과 계정당 생성 횟수 제한
영상 생성 결과
- 생성 상태를 5초 간격으로 polling 하고 완료·실패 시 자동 중단
- 카카오톡·Web Share 공유, OG 이미지, 영상 다운로드
진행 및 운영
- 착수 단계에서 메인 시안 두 가지를 빠르게 구현해 고객사 디자인 결정 지원
- 모바일·데스크톱 반응형 UI, 7차 이상 QA 대응
- GTM 및 구매 버튼 클릭 트래킹, 이벤트 기간 오류 대응
성과
• 영상 생성: 25,000건 이상
기술 스택
Next.js 16 (React Compiler), TypeScript, Tailwind CSS, TanStack Query, Zustand, Vercel