온숨 사우나 — 가맹 원페이지를 도심 사우나로 번역한 데모

온숨 사우나 — 가맹 원페이지를 도심 사우나로 번역한 데모

꾸블랙치킨 가맹 랜딩의 세션 구성, 타이포, 핀 스크롤, 마퀴, 카운트업, 원형 탭, 하단 상담바를 치킨이 아닌 문래동 도심 사우나 브랜드 온숨으로 옮긴 포트폴리오 데모입니다. 실제 사업장이 아닙니다.

라이브: ononc-onsum-sauna.pages.dev

무엇을 옮겼나

  • 고정 헤더 + 알약 앵커 내비게이션
  • 핀 히어로와 글래스 SCROLL, 마퀴 카피
  • 웨이팅 카운트업, 룸 탭, 4단계 순환, 수익 도넛, 창업비용 표
  • 하단 고정 상담 바와 푸터에 닿으면 밀려 올라가는 처리
웨이팅 섹션과 카운트업

룸 탭과 순환

건식·습식·휴식 원형 탭과 4단계 순환 그리드로, 메뉴 캐러셀과 조리 공정을 사우나 동선으로 바꿨습니다.

건식 습식 휴식 룸 탭

가맹 설득 구조

4WAY 매출, 영수증 비교, 월 순수익 32% 도넛, 창업비용 표, 데모 상담 폼까지 한 페이지에 묶었습니다. 폼은 전송되지 않습니다.

수익 구조 도넛 차트

이미지는 Grok Imagine만 사용했고, Next.js 16 정적보내기 후 Cloudflare Pages에 배포했습니다.

#Next.js#GSAP#가맹 랜딩#사우나#Cloudflare Pages