Facebook 【Her Tech 架空案件】ドックフードLP
Logo

【Her Tech 架空案件】ドックフードLP

クレジット
Avatar
WEBデザイナー
パン職人 Webデザイン・Webサイト制...
【Her Tech 架空案件】ドックフードLP-1
シェア
制作ノート
制作について

| 制作の流れ |

まずはペルソナや企業からの要望をもとに、LP全体の方向性やデザインイメージを整理しました。

その後、Figmaでワイヤーフレームを制作し、情報の優先順位やレイアウト構成を設計しています。

今回は実装を行わない課題だったため、作成したワイヤーフレームをもとにCanvaでデザインを制作しました。

最後に、配色や余白、文字サイズなど細かな部分を調整し、全体の統一感を整えながら完成させています。

| カラー |

企業からの要望である「かわいい元気な印象」を表現するため、黄色やクリーム色をベースに配色を構成しました。

ブラウン系のカラーを組み合わせることで、やさしさや安心感を演出し、愛犬家の方にも親しみを感じてもらえるよう意識しています。

| タイポグラフィ |

幅広い年代の方にも読みやすいよう、なじみのある明朝体をメインで使用しました。

文字の太さやサイズ、色味に変化をつけることで、やわらかい雰囲気を保ちながら情報にメリハリをつけています。

また、レビュー部分では吹き出しデザインに合わせてゴシック体を使用し、ワンちゃんが話しているような親しみやすさを表現しました。

全体的に文字間や余白を広めに取ることで、やさしく落ち着いた空気感になるよう意識しています。

| 工夫したポイント |

かわいらしい世界観を統一しながらも、商品情報やキャンペーン内容がしっかり伝わるよう、情報の優先順位を意識して制作しました。

足跡や丸みのある装飾を各セクションに配置することで、ページ全体に統一感とリズム感を持たせました。

CTAボタンには暖色系カラーを使用し、やわらかい世界観を崩さずに自然と視線が集まるよう工夫しています。

シェア
新田 静奈の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【Her Tech 架空案件】ドックフードLP-1
新田 静奈の他の作品
foriio

あなたのforiioを無料で作成

fori.io/