PENNY PAGE
CASE 71장샘컴퍼니2026.09

김치 맛이 결정하는 보쌈,
보쌈 무김치 브랜드 사이트

국가 조리기능장이 만드는 보쌈 무김치 브랜드 '장샘리 보쌈'의 회사·제품·창업 안내 사이트입니다. 기존 빌더형 홈페이지를 보쌈 브랜드 중심으로 전면 리뉴얼했습니다.

업종
족발·보쌈 프랜차이즈(보쌈 무김치 제조) · 인천
형태
원페이지 브랜드 사이트 + 카페24몰 연결
구성
회사소개 · 제품소개 · 재료·공정
업소용 포장 · 창업안내 · 상담
기술 스택
Cloudflare Pages · 반응형 HTML/CSS · PDF 벡터 로고 추출 · 카페24 몰 연결
호스팅
고객 명의 Cloudflare Pages (자체 도메인 연결 전)
장샘컴퍼니 데스크탑·모바일 화면
PENNYPAGE WORKS · CASE 71

01과제

무엇을 받았고, 무엇을 했나

보쌈집 창업자에게 필요한 것은 김치 맛을 믿을 근거와 바로 주문할 경로입니다. 그래서 대표님이 보낸 15쪽 시안 PDF의 흐름 그대로 재료·공정·제품을 원페이지로 풀고, 온라인몰 버튼을 고객 카페24 몰로 연결했습니다.

로고 원본이 없어 붓글씨 로고타입은 PDF 벡터를 600dpi로 렌더해 투명 PNG로 추출하고, 도장·엠블럼은 PDF 내장 이미지를 기준으로 복원했습니다. 버무리 무김치 사진 행과 주문·수령 안내 박스도 더했습니다.

핵심 — 맛의 근거와 주문 경로재료와 공정으로 김치 맛의 근거를 보여주고, 온라인몰 버튼으로 바로 주문까지 잇습니다.

02화면

히어로가 아니라 실제로 일하는 구간

회사소개 — 메뉴개발·조리기능장·프랜차이즈 자문 이력
01회사소개 — 메뉴개발·조리기능장·프랜차이즈 자문 이력
재료 — 국내산 무·천일염·새우젓·마늘
02재료 — 국내산 무·천일염·새우젓·마늘
공정 — 무 손질부터 양념 버무리기까지
03공정 — 무 손질부터 양념 버무리기까지
브랜드 로고타입 — 장샘리 보쌈 무김치
04브랜드 로고타입 — 장샘리 보쌈 무김치

03구성

이 사이트에 들어간 것

  • 01
    시안 PDF 15쪽 원페이지대표님 시안의 흐름 그대로 구성
  • 02
    앵커 메뉴회사소개·제품소개·창업안내·상담
  • 03
    붓글씨 로고타입 추출PDF 벡터를 600dpi 렌더 후 투명 PNG
  • 04
    재료·공정 섹션아이콘과 실사로 공정 설명
  • 05
    제품 포장 사진 섹션업소용 2kg 소포장 안내
  • 06
    카페24 온라인몰 연결온라인몰 버튼을 고객 몰로
  • 07
    카카오톡 QR 상담QR로 바로 상담 연결
  • 08
    고객 명의 Cloudflare 계정Pages 배포
장샘컴퍼니 모바일 전체 화면

모바일 · 스크롤해서 보기

지금 만들고 있는 사이트입니다.

공개된 화면은 진행 중인 버전입니다.