플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 홀 매출과 배달 매출이 혼합된 손익 구조를 하나의 계산기 로직으로 표현하는 수식 설계가 필요합니다. - 카운트업 애니메이션과 차트 렌더링이 동시에 스크롤 트리거되는 상황에서 프레임 드랍 없이 처리되는 렌더링 구조 설계가 필요합니다. - 맞벌이 부부 타겟의 상반된 우려(투자 부담 vs 운영 병행)를 하나의 카피 흐름 안에서 순서대로 해소하는 콘텐츠 구조 설계가 필요합니다
프로젝트 성과
카운트업 애니메이션 동기화 엔진 구현
useInView 훅과 requestAnimationFrame으로 스크롤 진입 시점에 맞춰 다중 카운터를 동기화하는 로직을 설계합니다.
실시간 수익 계산 로직 설계
투자금·기간·비중 3개 변수를 조합하는 손익분기 계산 공식을 useMemo로 메모이제이션해 즉시 재계산 구조를 구현합니다.
폼 메타데이터 수집 파이프라인 구축
React Hook Form 제출 이벤트에 유입 경로·체류 시간 메타데이터를 결합해 API로 전송하는 파이프라인을 설계합니다.
모바일 우선 반응형 타이포 시스템 설계
clamp 기반 유동 타이포 스케일로 375px~1440px 전 구간에서 헤드라인 줄바꿈이 깨지지 않는 구조를 구현합니다.
핵심 기능
설득형 히어로 및 핵심 브랜드 메시지
첫 화면 3초 안에 핵심 가치를 전달하도록 헤드라인 '낮엔 홀 손님, 밤엔 배달까지 — 하나의 주방으로 두 개의 매출을 만듭니다'와 서브헤드 '초기 투자 부담을 낮춘 홀+배달 결합형 주점
진행 단계
카피 톤앤매너 및 정보 구조 설계
2026.08
타겟 페르소나 분석, 헤드라인/서브헤드/CTA 카피 초안 작성, 섹션별 정보 구조(IA) 설계
프로젝트 상세
1) 포트폴리오 소개 홀 영업과 배달을 하나의 주방에서 결합 운영하는 주점 프랜차이즈의 가맹 모집 랜딩페이지를, 설득형 카피라이팅과 데이터 스토리텔링 중심으로 React + TypeScript 기반 단일 스크롤 구조로 설계·구현합니다. 초기 투자금 애니메이션 카운터, 참여형 수익 계산기, 상담신청 폼을 하나의 흐름으로 연결해 예비창업자(30대 후반~40대 초반 맞벌이 부부)가 숫자로 직접 확인하며 상담까지
