-詳細-
detail制作物名
title
制作期間
termデザイン： ２日
コーディング: ３日（WordPressのブロックエディタを基本使用）
使用ツール
tool
目的
purposeワードプレスの既存テーマから子テーマを作成し、カスタマイズする練習。
•上品で信頼感のある ブランドサイト兼EC を作る
•紅茶ブランドらしい世界観を視覚的に表現
•商品・記事・レビューを WordPress で更新しやすく管理
•ECサイトで必須となる 回遊導線・更新性・情報整理 を実践する
特に「安心して購入できる高級感」を軸に、
ユーザーが迷わず商品に辿りつける構成 を重視しました。
対象
terget•20〜50代の紅茶・ギフト需要のあるユーザー
•女性ユーザー（プレゼント需要）
•高級感・こだわり・ストーリーを重視する層
•自宅用・贈答用の“丁寧な商品選び”を求めるユーザー
設計意図
design紅茶ECサイトで重視される
「世界観 → 商品一覧 → 詳細 → 記事 → 購買」 の流れを意識し設計しました。
トップページ
•ブランドの雰囲気を伝えるファーストビュー
•季節のおすすめ商品
•商品一覧への誘導
•紅茶の知識記事
•ギフト提案
→ EC＋ブランドサイトのハイブリッド構成
商品一覧
•ACF＋Post Gridで商品カードを自動生成
•統一されたカードデザインで視認性を担保
•在庫・カテゴリで管理しやすい構造に
商品詳細
•商品説明
•詳細情報（茶葉の種類／抽出方法）
•関連商品
→ ECで必要な導線を実装
記事（Blog）
紅茶知識や入れ方など、ブランド価値を高めるコンテンツを設置。
デザイン：
コンセプト：静かな高級感 × ヨーロッパの香り × 暖かさ
•ベージュ × ゴールド系をベースに 高級感と温かみ を両立
•8pxグリッドで余白を統一し、洗練された印象へ
•落ち着いた serif フォント（明朝系）で深みのあるブランド感
•商品カードは“並べて美しい”ことを重視
•スマホ幅での文字量・余白調整にも対応
•画像は明るさと色調を統一し、ブランド世界観を壊さないよう調整