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

문래동 도심 사우나 브랜드 온숨을 위해 만든 포트폴리오 데모입니다. 핀 히어로, 마퀴, 카운트업, 원형 탭, 하단 상담 바를 하나의 가맹 원페이지에 구성했습니다. 실제 사업장이 아닙니다.

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

핵심 인터랙션

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

룸 탭과 순환

건식·습식·휴식 공간을 원형 탭으로 탐색하고, 4단계 열 순환 과정을 한눈에 이해할 수 있는 그리드로 구성했습니다.

가맹 설득 구조

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

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