Webデザインの学習の一環として、アロマキャンドルのブランドLPを想定して制作しました。 「香りで、暮らしをととのえる。」というコンセプトをもとに、見た人が少し気持ちを落ち着けられるような、やさしい雰囲気のデザインを目指しています。
LP全体の流れを意識し、 ファーストビュー → 商品紹介 → 特徴 → 使用シーン → 商品詳細 → よくある質問 という順番で構成しました。 初めて見る人でも内容が理解しやすくなるよう、情報を詰め込みすぎないことを意識しながら配置しています。
キャンドル単体の写真だけでなく、実際に暮らしの中で使っているイメージ写真を取り入れることで、使用シーンが想像しやすくなるようにしました。 写真の雰囲気は、暗くなりすぎず、あたたかさを感じられるものを選んでいます。
全体のベースカラーには、アイボリーや淡いベージュを使用しました。 メインカラーには落ち着いたグリーンを取り入れ、香りや自然を連想できるよう意識しています。 ボタンや一部の文字には少し濃い色を使い、必要な情報に目がいきやすくなるよう工夫しました。
細めでやさしい印象のフォントを使用し、コピーが空間になじむように調整しています。 見出しと本文でサイズと太さにメリハリをつけ、読みやすさを意識しました。
商品詳細やFAQなど、文字量が多くなる部分は、背景に長方形を敷いてまとめています。 背景色を少し変えることで、どこが情報エリアなのかが分かりやすくなるようにしました。
デザインに慣れていないため、「おしゃれにしすぎないこと」「見づらくならないこと」を特に意識しました。 一つひとつのセクションを作りながら、全体のバランスを確認しつつ調整しています。
