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
OTHER WORKS