VIEW
MORE

Works

  • website

【架空案件】ペットフードブランドのWebsiteを作成しました

ペットフードのwebsite

PAW NATURE

製作範囲

  • デザイン

使用ツール

  • Figma
  • Photoshop

制作期間

  • ワイヤーフレーム   2日
  • デザイン      10日

使用したフォント

  • Inter
  • ZEN 角ゴシック New

使用したカラー

  • #F8F5F2ベースカラー
  • #B1011Aアクセントカラー
  • #5C351A 本文テキスト

概要

【架空案件】ペットフードブランドのWebsiteを作成しました。
無添加・国産・栄養バランスにこだわったフードを展開しています。

目的

ブランドの世界観と安心感を伝え、商品ページや購入へ誘導すること。

ターゲット

① ペットの健康・安心を重視する飼い主
② ペットのシニア期・体調変化に向き合うケア意識の高い飼い主

デザイン

ペットフードという商材の特性を踏まえ、「大切な家族の一員に与えるものだからこそ、安心して選んでもらえること」を最優先にデザインしました。心を込めて作られている温かみを感じさせつつ、安心・安全というメッセージがブレないよう、全体のトーンを設計しています。

ブランドカラーには赤を採用していますが、彩度の高い赤を単色で使用すると刺激が強くなるため、明度を抑えた赤をベースにグラデーションを用いることで、落ち着きと安定感を表現しました。温かみを感じさせながらも、信頼性を損なわない配色を意識しています。

厳選した食材を使用している点を直感的に伝えるため、ファーストビュー直下にカラフルな食材イラストを配置しました。また、食材や「手」のイラストを取り入れることで、人の手で丁寧に作られている印象や親しみやすさ、安心感を視覚的に伝え、ブランドへの心理的な距離を縮めています。

定期購入の魅力が一目で伝わるよう、「どれくらいお得になるのか」を具体的な金額で明示しました。特に金額部分にはアクセントカラーを使用し、自然と視線が集まるよう設計することで、「続けやすさ」「お得感」を直感的に理解できる構成としています。

お気軽にお問い合わせください!

お問い合わせ