PENNY PAGE
CASE 53담뜰쌀과자2026.04

한 조각의 정성,
쌀과자 브랜드 원페이지

100% 쌀로 만든 누룽지 현미스낵 브랜드의 원페이지 사이트입니다.

업종
쌀과자 식품·제조
형태
원페이지 브랜드 사이트 + 스토어 연결
구성
영양 0% 히어로 · 브랜드 스토리 · 제품
제조 과정 · 즐기는 법 · 구매
기술 스택
Cloudflare Pages · 원페이지 HTML/CSS · Noto Serif KR 웹폰트 · 고정 전통문양 배경
호스팅
Cloudflare Pages
담뜰쌀과자 데스크탑·모바일 화면
PENNYPAGE WORKS · CASE 53

01과제

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

식품 브랜드는 원재료와 만드는 방식이 곧 신뢰입니다. 그래서 당류·지방·콜레스테롤 0% 수치를 히어로에 올리고, 재료부터 포장까지 제조 과정을 한자 壹貳參肆 4단계로 보여 준 뒤 네이버 스마트스토어 구매 버튼으로 이어지게 했습니다.

크림·어스 브라운·골드 팔레트에 Noto Serif KR 타이틀과 background-attachment: fixed 전통문양 배경을 깔아, 브랜드 스토리·제품·제조 과정·즐기는 법·구매로 이어지는 원페이지로 완성했습니다.

핵심 — 재료가 곧 신뢰원재료와 만드는 과정을 차례로 보여 준 뒤 구매 버튼으로 이어지게 해, 읽는 흐름이 곧 구매 흐름이 되게 했습니다.

02화면

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

제품 3카드 · 기본 구성 스펙
01제품 3카드 · 기본 구성 스펙
브랜드 스토리
02브랜드 스토리
즐기는 법 3종 · 스마트스토어 구매 CTA
03즐기는 법 3종 · 스마트스토어 구매 CTA
제조 과정 4단계 (壹貳參肆)
04제조 과정 4단계 (壹貳參肆)

03구성

이 사이트에 들어간 것

  • 01
    영양 0% 3종 히어로당류·지방·콜레스테롤
  • 02
    브랜드 스토리담뜰 이름 풀이
  • 03
    제품 3카드 + 기본 구성 스펙구성·보관 안내
  • 04
    제조 과정 4단계壹貳參肆 단계 표기
  • 05
    즐기는 법 3종먹는 방법 카드
  • 06
    스마트스토어 구매 CTA네이버 스마트스토어 연결
  • 07
    고정 전통문양 배경 레이어링background-attachment: fixed
  • 08
    Cloudflare Pages 배포원페이지 정적 배포
담뜰쌀과자 모바일 전체 화면

모바일 · 스크롤해서 보기

제작 당시 화면을 보존했습니다.

미러본은 납품 시점 화면을 그대로 보존한 사본입니다.