Daily UI #003 Landing Page
こんばんは。今日もお疲れ様です。
今回のお題はLanding Pageということで、PCサイズのLPのファーストビューを作成しました。
素材を考えるのに範囲が広すぎて、扱いたいテーマが決め切れなかったので、ここはChatGPTの出番です。
はい、といわけで、自分の中には全く思いついてもいなかったテーマとなりました(笑)エコフレンドリー製品……個人的にぱっと思い浮かんだのがecostoreです。1度ハンドソープを買ってから、香りが好きすぎてリピーターになりました。手を洗い終わった後もしばらくいい香りが手元から漂ってくるのが最高…🥰しかも環境に配慮した成分だったりもして、ハンドソープとしてはちょっとお高いですが、また買いたい!と思わせてくれる製品です。
そんなecostoreのナチュラルで優しげのある世界観を真似したいなと思い、環境にやさしい固形石鹸の製品LPを考えてみました。
ポイントとしては、以下を意識しました。
ナチュラル、清潔感のある写真を使用したヒーローイメージ
色味やフォントでやさしい印象を与える
ファーストビューでエコフレンドリーな製品だとわかる
あとはいくつかWebサイトを見ていて、グローバルメニューよりも上にセールやキャンペーン情報などを1行程度表示しているものが多々ありました。
省スペースではあるけど、人が上から情報を見ようとするのを考慮して、トップに配置するのは効果的だと感じ、採用しました。
ロゴについてはスキルが全くないので、フォントと四角枠だけでアレですが…
「手にやさしい、地球にやさしい石鹸」というのは我ながらなかなか良いんじゃ?と自画自賛😎
(後で見たら誰でも思いつきそうなフレーズでした😂)
ヒーローイメージって見た目のインパクトが大きいからこそ、使用する画像・動画・文字のセンスってすごく重要ですよね。
普段モバイルサイズのデザインがほとんどなので、大きい画面のデザインはできることが多い分、表示するものを精査していくのは難しいなぁと実感しました。
最後に、2年前に作成したLanding Pageを貼っておきます。
2年前もしっかりヒーローイメージ使ってる🤣
Landing Pageはちょっと苦手かもしれない😅 成長してるといいな…
この記事が気に入ったらサポートをしてみませんか?