# やまうちの鶏｜ブランドのWebデザイン参考

> 精肉ECなのに、まず食卓の話から始まる。熊本・山鹿のブランド鶏「やまうちの鶏」の公式サイトは、料理写真と素朴なイラストをFVに置き、2つの鶏をブランド色で塗り分けて、精肉を“選ぶ楽しさ”に変えている。

- URL: https://yamauchinotori.jp/
- 解説ページ: https://katapick.com/sites/yamauchinotori
- カテゴリ: ブランド / 地域: 国内（JP）/ 業種: 食肉・ブランド鶏
- テイスト: ライト、写真主体、イラスト、セリフ体、カルーセル、余白
- 公開・リニューアル: 2026-07 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 24 時間）

## 編集部のひとこと（Bruno）
商品一覧のすぐ後にレシピ、その後に山鹿だより。買ったあとの使い道と、また来る理由を順番に置いてるんだよね。ECを買い物だけで終わらせない並べ方、これはうまい。

## デザインの見どころ
- セクションの境目は波打つ曲線。ベージュの地がうねりながら続き、長いECページを散歩のように読ませる
- あか鶏は赤、ハーブ鶏は緑。ロゴ・ラベル・ボタンまで色を通し、2本の商品棚を迷わせない
- ナビは明朝の和文に、オレンジの英字を小さく添える。ECの入口まで、語り口を崩さない

## 配色
- #f2f2eb Rice Paper（背景）
- #e0dac2 Oat Field（波形の区切り / セクション背景）
- #3e3b30 Soy Brown（テキスト）
- #aa062a Aka Dori Red（熊本あか鶏のブランド色（ロゴ・ラベル））
- #73871c Herb Olive（九州うまかハーブ鶏のブランド色（ロゴ・ラベル））
- #e59800 Yolk Orange（英字ラベル / イラスト）

## フォント
- 見出し・本文・和文ナビ: ten-mincho-antique（代替: Zen Old Mincho）
- 英字ラベル・価格・日付: Poppins（代替: Poppins）
- リンク・補足: ten-mincho-text（代替: Shippori Mincho）

## よくある質問
### やまうちの鶏のサイトで使われているフォントは？
見出しと本文に Adobe Fonts の明朝体（ten-mincho）、英字ラベルや価格に Poppins が使われています。無料で近づけるなら Zen Old Mincho と Poppins の組み合わせがおすすめです。

### やまうちの鶏のようなブランドサイト一体型のECはどう作る？
Shopify のテーマをベースに、トップページをブランド紹介→ブランド別の商品カルーセル→レシピ→読み物の順に組んでいます。複数の商品ラインはブランドカラーで塗り分けると迷いにくくなります。

### やまうちの鶏のデザインはどんな業種の参考になる？
精肉・鮮魚などの産地直送EC、地域の食品メーカー、農畜産物のD2Cブランドなど、素材のよさを温かい語り口で伝えたいサイトの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/yamauchinotori からダウンロードできます。
出典: Katapick（https://katapick.com）