Works
- website
【架空案件】ペットフードブランドのWebsiteを作成しました
PAW NATURE
製作範囲
- デザイン
使用ツール
- Figma
- Photoshop
制作期間
- ワイヤーフレーム 2日
- デザイン 10日
使用したフォント
- Inter
- ZEN 角ゴシック New
使用したカラー
- #F8F5F2ベースカラー
- #B1011Aアクセントカラー
- #5C351A 本文テキスト
概要
【架空案件】ペットフードブランドのWebsiteを作成しました。
無添加・国産・栄養バランスにこだわったフードを展開しています。
目的
ブランドの世界観と安心感を伝え、商品ページや購入へ誘導すること。
ターゲット
① ペットの健康・安心を重視する飼い主
② ペットのシニア期・体調変化に向き合うケア意識の高い飼い主
デザイン
ペットフードという商材の特性を踏まえ、「大切な家族の一員に与えるものだからこそ、安心して選んでもらえること」を最優先にデザインしました。心を込めて作られている温かみを感じさせつつ、安心・安全というメッセージがブレないよう、全体のトーンを設計しています。
ブランドカラーには赤を採用していますが、彩度の高い赤を単色で使用すると刺激が強くなるため、明度を抑えた赤をベースにグラデーションを用いることで、落ち着きと安定感を表現しました。温かみを感じさせながらも、信頼性を損なわない配色を意識しています。
厳選した食材を使用している点を直感的に伝えるため、ファーストビュー直下にカラフルな食材イラストを配置しました。また、食材や「手」のイラストを取り入れることで、人の手で丁寧に作られている印象や親しみやすさ、安心感を視覚的に伝え、ブランドへの心理的な距離を縮めています。
定期購入の魅力が一目で伝わるよう、「どれくらいお得になるのか」を具体的な金額で明示しました。特に金額部分にはアクセントカラーを使用し、自然と視線が集まるよう設計することで、「続けやすさ」「お得感」を直感的に理解できる構成としています。








