WORKS
フードブランドページ 株式会社PEPPY様
Website
2026/3/12〜
URL:
https://www.peppynet.com/shop/category/brand_lists/272
概要
ブランドの商品を紹介する一覧ページにおいて、各ブランドの世界観を保ちながらも、比較しやすく見やすい構成へ再設計しました。
見出し表現を見直し、ブランド訴求と閲覧性の両立を目的としてデザイン・コーディングを担当した案件です。
担当範囲
デザイン / コーディング
制作ポイント
- 各ブランドのイメージカラーを取り入れ、ブランドごとの特徴や世界観が伝わるデザインに刷新
- ブランドカラーを使用しながらも、背景色の透明度や配色バランスを調整し、サイト全体の統一感と見やすさを両立
- 特徴や比較ポイントを直感的に理解できるようアイコンを追加
- 情報量が多くても読みやすいよう、視線誘導や情報の優先順位を整理
- 比較ページであることが伝わるよう、見出しやコピーの改善を提案
成果
- クライアントより「かなり見やすくなった」と評価をいただき、ブランドカラーを活かしたデザインやMVについても「イメージ通り」とのフィードバックをいただきました。
使用ツール
Photoshop / Illustrator / XD / Visual Studio Code
制作期間
デザイン:9h
コーディング:8h
SCROLL