← 프로젝트 목록
샵인샵 외식 유통사 · 2025 · 기업 홈페이지

점주가 궁금한 순서대로
한 페이지에 담았습니다

기존 매장에 메뉴 브랜드를 더하는 샵인샵 사업을 소개하고 입점 문의를 받는 랜딩 페이지입니다. 취급 브랜드, 수익 구조, 진행 절차, 자주 묻는 질문을 한 페이지로 이어 문의 폼까지 연결했습니다.

점주가 궁금한 순서대로 한 페이지에 담았습니다

랜딩, 문의 폼, 제안서 다운로드

Screens

실제 화면.

2026년 9월에 캡처한 화면입니다. 눌러서 크게 볼 수 있습니다.

00메인 페이지 전체마우스를 올리거나 누르면 아래로 내려갑니다
01사업 소개
02샵인샵 시스템
03취급 브랜드
04카테고리 경쟁력
05상품
06강점
07수익 구조
08도입 효과
09진행 절차
01 / 14사업 소개
사업 소개
01 — CHALLENGE

입점을 검토하는 점주에게는 브랜드 소개만으로 부족합니다.

어떤 메뉴를 받는지, 매출에서 얼마가 남는지, 어떤 절차로 시작하는지가 함께 보여야 문의로 이어집니다.

02 — APPROACH

설명은 한 페이지로, 문의는 서버 없이 받게 했습니다.

소개, 강점, 취급 브랜드, 상품, 진행 절차, 수익 구조, 자주 묻는 질문, 문의 순서로 구성했습니다. 수익 구조는 월 매출 기준 표로 보여 줍니다. 영업 제안서는 상단에서 바로 내려받을 수 있습니다.

문의 폼은 입력값을 검증하고 전화번호 형식을 자동으로 맞춥니다. 접수 내용은 Google Apps Script로 전달되어 별도 서버 없이 운영됩니다. 방문자 행동은 Microsoft Clarity로 확인합니다.

03 — STACK

사용 기술.

01

Next.js, Tailwind CSS

한 페이지 랜딩과 약관, 개인정보처리방침 화면을 구성합니다.

02

Framer Motion

스크롤에 따라 섹션이 나타나는 전환을 넣었습니다.

03

Google Apps Script

문의 접수를 별도 서버 없이 처리합니다.

04

Microsoft Clarity

방문자 행동을 기록해 개선에 씁니다.

비슷한 프로젝트,
함께 해볼까요?

상담 요청하기 →다른 프로젝트 보기