Design Casebook

자사몰 디자인 레퍼런스 · A 식품 · B 주방기기 · C 상세페이지 요소 · D 홈페이지 UI/UX 디테일
📦 A · 이태리정미소프리미엄 식품
🍳 B · 카마솥주방기기
📄 C · 상세페이지수동 참고
✨ D · 홈페이지UI/UX 디테일
5CASES
4분석축
12소스
라이브 검증 완료 (2026-08-01) — Playwright로 4개 사이트 실제 렌더링해 대조. 4개 중 3개에서 히어로 카피가 기각(2차소스가 옛 문구를 옮겨적음). 각 카드에 ✓확정 / △부분정정 / ✕기각 표시.
분석 4축 히어로 선언 제품 묶기 스크롤 IA 신뢰 위치
Case 01 — 올리브오일 (이태리정미소와 가장 가까운 1:1 레퍼런스)
Case 01 · 올리브오일 D2C graza.co ↗
Graza프리미엄을 "특별한데, 안 특별한 척" — 매일 쓰는 오일로 끌어내림
"Extra Virgin Olive Oil makes everything better." + SHOP NOW 버튼 하나 2026-08-01 라이브 실측. 첫 화면은 문장 하나 + CTA 하나로 끝. 전체 8,595px ✕ 기각 — 기존에 적혀 있던 "This olive oil is special, but it shouldn't be." / "meant to be squeezed, not saved."는 현재 홈에 없음(2차소스 오류)
② 묶기서사형(용도별 네이밍). SKU를 Sizzle(요리용)·Drizzle(마무리용)·Frizzle(고온)으로 = "조리 순간"이라는 세계관 ✓ 2026-08-01 라이브 확정. 지금은 Mayo·Chips까지 라인 확장
③ IA밝은 컬러·위트 카피로 above-the-fold에서 "무엇/누구/왜" 즉답. 하단에 교육 콘텐츠
④ 신뢰"Glog" 콘텐츠 메뉴로 권위(뱃지 아니라 가르침). 메뉴는 Shop · Get Refills · About · Glog 4개뿐 (※ "Graz-o-pedia"는 현재 없음 — 2026-08-01 실측)
이태리정미소 적용 (롤리오 오일)롤리오를 "산도 0.2%"로만 걸지 말고 용도 네이밍(굽기/마무리/생식 = Point05 '피니싱 오일' 연결) + 올리브오일 백과 교육 섹션(폴리페놀·프루타토 = 신뢰장치)
Case 02~04 — 스토리/세계관형 식품 브랜드
Case 02 · 럭셔리 식품/홈 flamingoestate.com ↗
Flamingo Estate카탈로그가 아니라 '농원(estate)'이라는 세계로
"Welcome to the home of radical pleasure. Everything we make begins with the green world." ✓ 2026-08-01 라이브 확정 첫 화면은 컬렉션 이미지 1장 + 제품 1개 + CTA. 전체 8,481px △ 부분정정 — 본문은 이미지 서사형이 맞지만 메뉴엔 카테고리가 12개 넘음(Shop All·Most Loved·Tomato Collection·Soap Shop·Candles·Pantry·Farm Boxes…). "카테고리 그리드를 버렸다"는 과장
③ IA히어로 이미지 → 'The Estate'(원산지·창업자 스토리) → 레시피/사용 제안
④ 신뢰리뷰·뱃지 대신 스토리 섹션 자체가 신뢰장치
이태리정미소 적용제품 나열 대신 "이탈리아 산지"라는 세계로 진입. 이미 만든 캄파니아·풀리아 지도 + 농장 스토리를 상단 서사 섹션으로
Case 03 · 원산지 진정성 서사 flybyjing.com ↗
Fly By Jing"진짜 쓰촨" 원산지·진정성을 한 줄로
"LET YOUR TASTEBUDS FLY" + 바로 아래 4분할(GIFT SETS · SAUCES · NOODLES · MERCH) 2026-08-01 라이브 실측. 전체 4,519px로 짧은 편. 메뉴에 OUR STORY · RECIPES · MEMBERSHIP ✕ 기각 — 기존 "100% real Chinese flavors. Proudly crafted in Sichuan…"는 현재 홈 전문에 없음(2차소스 오류)
②④ 공통창업자 주도 원산지 내러티브 + 홈에 박은 레시피·가이드 + 스톡 대신 창업자 실제 이미지
이태리정미소 적용막연한 "이탈리아 프리미엄" 대신 구체 산지 한 줄. 생산자 실제 얼굴·사진을 스톡 대신
Case 04 · 디자인 포워드 eatfishwife.com ↗
Fishwife'건강 + 간편' 한 문장 + 대표 제품 바로 사게
"Mussels are Back in Stock!!" / "After 6 months they are FINALLY back." + SHOP FISHWIFE 버튼 하나 2026-08-01 라이브 실측. 히어로가 브랜드 선언이 아니라 재입고 공지. 전체 7,375px ✓ "대표 SKU 직행 CTA" 부분은 확정 ✕ 기각 — "여성 창업 + 지속가능" "건강과 간편의 교차점"은 현재 첫 화면에 없음. 브랜드 선언은 Story 메뉴 안으로 들어감
이태리정미소 적용히어로에 "우리가 누구인가 한 줄" + 대표 1제품 바로구매 버튼. 식품을 카탈로그 사진 아니라 오브제급 비주얼
Case 05 — 공통 원칙 (마켓플레이스 vs 자사몰 차별화)
Case 05 · DTC 홈 원칙업계 가이드 종합
자사몰이 쿠팡·네이버와 달라야 하는 지점마켓플레이스=거래 포착 / 자사몰=관계·교육·세계관
① 히어로above-the-fold가 3가지 즉답: 무엇을 / 누구에게 / 왜 머물러야
④ 신뢰인증·언론·수상 = 히어로 안 또는 바로 아래. 결제 뱃지는 결제 진입부 근처
차별화자사몰만의 것: 제품 교육 · 비교 콘텐츠 · 레시피/가이드 · 창업자 스토리 · 구독 · 이메일 수집
이태리정미소 적용홈을 "진열" 아니라 교육+세계관+레시피로. 쿠팡엔 없는 것(레시피 게시판·지도·산지 스토리·체험단 후기)을 전면에

이태리정미소 자사몰 — 바로 베낄 패턴 5

  1. ①히어로 한 줄 선언 고정 — 막연한 "프리미엄 이탈리아" 말고 구체 산지 한 줄
  2. ②묶기 용도·세계관으로 — 오일은 Graza식 용도 네이밍, 전체는 "이탈리아 산지" 세계로
  3. ③IA 히어로 → 산지/창업자 스토리 → 레시피 → 후기
  4. ④신뢰 산지·인증·언론·체험단 후기를 히어로 바로 아래
  5. 차별화 쿠팡에 없는 걸 전면 — 레시피 게시판·산지 지도·올리브오일 백과
6CASES
20검증 통과
5기각
검증 완료 — 적대검증 완주, 20확정/5기각. 단 '스크롤 IA 순서'는 일부 추론(라이브 홈 캡처로 확정 권장).
분석 4축 히어로 선언 제품 묶기 스크롤 IA 신뢰 위치
PART 1 — 제품 묶는 방식 4갈래 (핵심 결정)
Case 01 · 소재·카테고리형 madeincookware.com ↗
Made In소재로 칸을 나눈다 + 스펙 한 단어로 신뢰
"프로 품질을, 정직한 가격에" "Professional-Quality Cookware at honest prices, 110,000+ 5-star reviews."
② 묶기소재별 카테고리 분류. 스테인리스·논스틱·탄소강·칼. 단일 서사 X
③ IA쇼핑 니즈별(세트 vs 개별) 라우팅 + 카테고리를 작은 시각 블록으로 쪼개 스크롤 단축
④ 신뢰소재 품질·내구성 인포그래픽 앞쪽에 + 후기 11만 건을 히어로에 숫자로
카마솥 적용제품군 여러 갈래면 소재/종류 분류. 단 우리 앵커는 주물/무쇠 제법 한 단어(Case 04)
Case 02 · 세트(시스템) 서사형 carawayhome.com ↗
Caraway완성된 한 세트를 판다 — 고민을 브랜드가 대신
"무독성 · PFAS·PFOA Free"
② 묶기세트가 중심 상거래 단위. 런칭부터 번들 세트 단독. "피스끼리 함께 작동 + 수납 통합". 창업자: "세트가 우리 밥줄"
③ IA완성 세트를 홈·내비 최상단 우선 → 결정 피로 제거
카마솥 적용신생 브랜드에 강력. "골라주는 입문 세트"(가마솥+뚜껑+받침)를 홈 최상단에 = 첫 방문 결정 피로↓
리스크: '무독성' 그린워싱 이의 있음. 카피 그대로 베끼지 말 것
Case 03 · 단일 히어로 SKU형 fromourplace.com ↗
Our Place — Always Pan하나가 열 개를 대체 (10-in-1)
"특허 10-in-1, 무독성" 멀티기능
② 묶기카테고리 분할 안 함. 단일 히어로 SKU에 뚜껑·찜기·뒤집개 번들
③ IA"하나의 팬이 여러 조리 상황 커버"하는 사용씬으로 멀티기능 증명
카마솥 적용대표 1제품(시그니처 가마솥)을 "이거 하나로 밥·국·찜·구이" 사용씬 번들로
Case 04 · 기술 메커니즘 서사형 hexclad.com ↗
HexClad"왜 더 나은가"를 구조 그림 한 장으로 증명
"스테인리스 성능 + 주철 내구성 + 논스틱 편의, 하나로"
② 묶기기술 서사로 묶기. 제품군보다 메커니즘이 주인공
③ IA메커니즘 다이어그램이 핵심: 육각형이 골의 코팅을 보호 → 단면도로 설명
카마솥 적용 (가장 강추)무쇠는 '제법'이 곧 신뢰. 가마솥 주조·시즈닝(길들이기) 공정을 단면도·영상으로. "무쇠가 왜 좋은가"를 말 아니라 그림으로
리스크: PFAS 소송($2.5M). 단 구조·시어링 포지셔닝과 무관. 안전성 카피만 조심
PART 2 — 한국 출신: '한국적 미' 전면화 vs 은폐 (카마솥 핵심 결정)
Case 05 · 정체성 전략한국 출신 사례
Neoflam(전면화) vs Gentle Monster(은폐)가마솥 = 한국 헤리티지를 전면에 낼지 결정
전략 분기 → 한국색을 차별점으로 정면에 낼 것인가, 지우고 글로벌·미니멀로 갈 것인가
전면화Neoflam(한국 쿡웨어): '레트로·파스텔'을 제품명 맨 앞에, 감성 디자인을 차별점으로. Red Dot 수상
은폐Gentle Monster(한국 아이웨어): 문화 표지 대신 공간·몰입 경험(공간 디자이너를 제품 디자이너의 ~10배)
카마솥 적용'가마솥' 한국 헤리티지가 자산이라 Neoflam식 전면화가 기본값(무쇠·전통 주조·온돌 무드 정면). 글로벌 타깃이면 미니멀 경험화도 검토
측정 필요: 전면화 vs 은폐 실적(리뷰·랭킹) 우열은 데이터 미확보. 정량 비교 후 확정
공통 — 주방기기 자사몰 홈 원칙
Case 06 · DTC 홈 원칙업계 가이드 종합
자사몰이 쿠팡과 달라야 하는 지점마켓플레이스=거래 / 자사몰=제법·세계관·관계
① 히어로above-the-fold 3가지 즉답: 무엇 / 누구 / 왜
③ IA주방기기 권장: 히어로 → 기술/제법 → 사용씬 → 비교표 → 후기
④ 신뢰인증·수상·후기 수 = 히어로 안/바로 아래. 자사 제품 비교표로 스펙+크로스셀
카마솥 적용홈을 제법(주조)+사용씬+비교표로. 쿠팡엔 없는 것(길들이기 가이드·레시피·헤리티지 스토리) 전면에

카마솥 자사몰 홈 — 바로 베낄 패턴 5

  1. ①히어로 한 줄 선언 + 후기 수 — 핵심 가치 한 줄(Made In식) + 신뢰 숫자
  2. ②묶기 세트 vs 단일 SKU 먼저 결정 — Caraway식 입문 세트 또는 Our Place식 "가마솥 하나로 N요리"
  3. ③IA 히어로 → 제법(주조·시즈닝) → 사용씬 → 비교표 → 후기. 무쇠 '왜 좋은가'를 단면도·영상으로
  4. ④신뢰 제법·수상·후기를 히어로 바로 아래 + 자사 제품 비교표로 크로스셀
  5. 정체성 '가마솥 한국 헤리티지' 전면화가 기본값(Neoflam식). 무쇠·전통 주조·온돌 무드 정면에
⚠️ "무독성·안전" 카피는 소송 사례 있음 → 표시규제 먼저. 전면화 vs 은폐 실적은 정량 측정 후 확정.
📄 상세페이지 참고 — 상세 한 화면 안의 좋은 요소만 모읍니다. 은우가 수동으로 쌓는 칸이라 봇 DM으로는 안 나갑니다.
홈페이지 UI/UX 디테일 — 업종 상관없이 "홈 1페이지가 잘 만들어졌나"만 봅니다. 브랜드 전략이 아니라 화면 위 장치 1개를 위치·개수·색·순서로 기록합니다.
A 이태리정미소(식품) food-casebook · B 카마솥(주방기기) kitchenware-casebook
A=라이브 검증 완료(2026-08-01, 4개 중 3개 히어로 카피 기각) / B=검증 완주(20확정 5기각). C·D는 처음부터 Playwright 라이브 실측 기반.
2026-06-24 · deep-research · 자사몰 홈 디자인 4축(히어로/제품묶기/스크롤IA/신뢰위치)