프로젝트 개요

홈쇼핑모아 × 리씽크몰 재고소진 제휴 파트너십을 안내하는 B2B 신청 랜딩 페이지입니다. 방송 후 남은 홈쇼핑 재고를 인플루언서 기반 SNS·라이브커머스 채널로 빠르게 소진하는 솔루션을 소개하고, 파트너사(홈쇼핑 사업자·브랜드사·제조사) 담당자가 파트너십 신청 폼을 제출하도록 안내합니다.

대상: B2B 파트너사 의사결정자
핵심 가치: 빠른 재고 소진, 다채널 판매, 투명한 정산
운영 URL: https://hsmoa.com/stock-out

주요 기능

B2B 랜딩 페이지: 모바일 퍼스트(max-width 480px) 다크 톤에 오렌지 액센트를 더한 디자인입니다. 핵심 가치 카드, FAQ, 신청 폼으로 화면을 구성해 파트너십 전환을 끌어냅니다.
신청 폼 자동화: 폼을 제출하면 신청 데이터를 Budibase 테이블에 저장하고, Slack 웹훅으로 담당자에게 실시간 알림을 보냅니다.
SSR 기반 SEO 최적화: NextSeo 메타데이터와 JSON-LD 스키마(Service / Organization / FAQPage)를 서버에서 한 번에 렌더합니다. 잠재 파트너사가 검색으로 페이지를 찾도록 최적화했습니다.

신청 폼 흐름

기업명, 담당자명, 연락처, 이메일 같은 필수 항목과 브랜드명, 직함, 진행 요청 제품, 문의 내용을 입력받습니다. 클라이언트에서 필수값과 이메일 형식을 검증한 뒤 전송하며, 제출에 성공하면 완료 안내 메시지를 노출합니다.

사용자 폼 제출
   └─ POST /api/stock-out
        ├─ Budibase 테이블에 신청 데이터 저장
        └─ Slack 웹훅으로 신청 알림 전송

기술적 도전 과제

FAQ 단일 데이터 소스 설계

STOCK_OUT_FAQS를 단일 데이터 소스로 두어, SEO 컴포넌트의 FAQPage JSON-LD와 페이지 본문 FAQ 섹션이 같은 텍스트를 공유하도록 설계했습니다. 본문과 구조화 데이터가 어긋날 일을 처음부터 차단했고, 덕분에 Google FAQ schema valid 조건을 안정적으로 충족합니다.

검색 발견성을 높이는 SEO

StockOutSEO 컴포넌트가 메타데이터(title/description/canonical/OG/twitter/keywords)와 JSON-LD 3종을 <Head>에 한 번에 렌더합니다. "홈쇼핑 재고 소진", "악성 재고 처리", "방송 후 잔여 재고 판매" 같은 검색 키워드로 잠재 파트너사가 페이지를 찾도록 최적화했습니다.