GOPIZZA — 가맹 상담을 매출로 전환시키는 창업 랜딩페이지 GOPIZZA — 가맹 상담을 매출로 전환시키는 창업 랜딩페이지
- (업체) (업체)GOPIZZA GOPIZZA
- (업종) (업종)F&B / Franchise F&B / Franchise
- (제공 서비스) (제공 서비스)Performance Landing Page Performance Landing Page
- (서비스 영역) (서비스 영역)DEVELOPMENT DEVELOPMENT
- (역할) (역할)Planning, UX/UI Design, Frontend Development Planning, UX/UI Design, Frontend Development
- (기술 영역) (기술 영역)Landing Page Design, Frontend Development, Scroll-driven Motion, Conversion Funnel Design Landing Page Design, Frontend Development, Scroll-driven Motion, Conversion Funnel Design
- (기술 스택) (기술 스택)React, Tanstack Start, TypeScript, Tailwind CSS, Light/Dark Mode, Motion, Performance Optimization React, Tanstack Start, TypeScript, Tailwind CSS, Light/Dark Mode, Motion, Performance Optimization
- (특징) (특징)Conversion-focused information architecture, Number-driven typography emphasis, Interactive timeline (D-30 to D-Day), Testimonial carousel for social proof, Mobile-first responsive design, Performance optimization Conversion-focused information architecture, Number-driven typography emphasis, Interactive timeline (D-30 to D-Day), Testimonial carousel for social proof, Mobile-first responsive design, Performance optimization
GOPIZZA는 한국 1인 피자 시장 점유율 85%를 차지하며 글로벌 1,200개 이상의 매장을 운영 중인 외식 프랜차이즈 브랜드입니다. 이번 프로젝트는 일반 소비자 대상의 브랜드 웹사이트가 아닌, 예비 창업자(가맹점주)를 위한 전용 랜딩페이지 제작을 목적으로 진행되었습니다. 기존 프랜차이즈 시장에 만연한 과장된 수익률 광고와 차별화하여, "유행이 아닌 지속 가능한 비즈니스"라는 GOPIZZA의 메시지를 신뢰감 있게 전달하고, 방문자가 끝까지 스크롤하여 가맹 상담을 신청하기까지의 동선을 정밀하게 설계하는 것이 핵심 과제였습니다.
가맹 모집 페이지의 본질은 "방문자가 스크롤을 멈추지 않게 만드는 것"이라는 판단 아래, 정보의 위계와 시각적 임팩트를 극대화하는 방향으로 디자인을 구성했습니다. 시장 점유율 85%, 연매출 500억, 기업가치 4,000억 등 핵심 수치를 큼직한 타이포그래피로 전면에 배치해 브랜드의 신뢰도를 즉각적으로 각인시켰고, 원가 구조와 순수익률을 도식화한 수익 분석 섹션을 통해 "거품을 걷어낸 팩트"라는 메시지를 시각화했습니다. D-30부터 D-Day까지의 창업 프로세스를 타임라인으로 풀어내고, 점주 인터뷰 슬라이더와 매장 갤러리를 통해 사회적 증거(Social Proof)를 자연스럽게 녹여내며, 각 섹션 끝에는 상담 신청 CTA로 이어지는 전환 동선을 일관되게 유지했습니다.
랜딩페이지의 성패는 첫 화면 로딩 속도와 스크롤 경험에서 갈린다는 원칙 아래, 퍼포먼스 최적화에 집중했습니다. 모든 이미지를 WebP 포맷으로 최적화하고 Cloudflare Pages를 통한 글로벌 CDN 배포로 첫 화면 로딩 속도를 단축했으며, 스크롤 위치에 따라 자연스럽게 등장하는 섹션 트랜지션과 수치 카운트업 애니메이션, 가로 스크롤 텍스트 등 인터랙티브 요소를 더해 정적인 정보 페이지가 가질 수 있는 단조로움을 해소했습니다. 모바일 환경에서의 가독성과 CTA 접근성을 우선적으로 설계하여, 출퇴근길이나 짧은 휴식 시간에 페이지를 접하는 예비 창업자들이 어느 시점에서든 망설임 없이 상담 신청으로 이어질 수 있는 구조를 구현했습니다.
가맹 모집 페이지의 본질은 "방문자가 스크롤을 멈추지 않게 만드는 것"이라는 판단 아래, 정보의 위계와 시각적 임팩트를 극대화하는 방향으로 디자인을 구성했습니다. 시장 점유율 85%, 연매출 500억, 기업가치 4,000억 등 핵심 수치를 큼직한 타이포그래피로 전면에 배치해 브랜드의 신뢰도를 즉각적으로 각인시켰고, 원가 구조와 순수익률을 도식화한 수익 분석 섹션을 통해 "거품을 걷어낸 팩트"라는 메시지를 시각화했습니다. D-30부터 D-Day까지의 창업 프로세스를 타임라인으로 풀어내고, 점주 인터뷰 슬라이더와 매장 갤러리를 통해 사회적 증거(Social Proof)를 자연스럽게 녹여내며, 각 섹션 끝에는 상담 신청 CTA로 이어지는 전환 동선을 일관되게 유지했습니다.
랜딩페이지의 성패는 첫 화면 로딩 속도와 스크롤 경험에서 갈린다는 원칙 아래, 퍼포먼스 최적화에 집중했습니다. 모든 이미지를 WebP 포맷으로 최적화하고 Cloudflare Pages를 통한 글로벌 CDN 배포로 첫 화면 로딩 속도를 단축했으며, 스크롤 위치에 따라 자연스럽게 등장하는 섹션 트랜지션과 수치 카운트업 애니메이션, 가로 스크롤 텍스트 등 인터랙티브 요소를 더해 정적인 정보 페이지가 가질 수 있는 단조로움을 해소했습니다. 모바일 환경에서의 가독성과 CTA 접근성을 우선적으로 설계하여, 출퇴근길이나 짧은 휴식 시간에 페이지를 접하는 예비 창업자들이 어느 시점에서든 망설임 없이 상담 신청으로 이어질 수 있는 구조를 구현했습니다.








