MISAKI MATSUZAKI

・配色
「ナチュラルなボタニカルテイスト」のイメージが伝わるように、葉のような落ちついたグリーンがメインの配色にしました。
アクセントカラーは花のような明るいオレンジを選択し、商品を使うことで"明るい気持ちになれる未来"を想像できるようにしました。
テキストは落ち着いたグリーンに馴染むように#000000ではなく#333333を使用しています。
イラストも色は#333333に揃えて柔らかさと統一感を出しました。
・イラスト
イラストはテキストを視覚的に伝えられるものを選択するようにしました。
商品画像は大きく配置して、商品の魅力が視覚的に伝わりやすいようにしました。
花のイラストをあしらいとして配置することで、自然な視線誘導になるようにしました。
また、イラストは優しい雰囲気になるように手書きで作成し、色もテキストや画像を邪魔しない白色で主張を抑えました。
・配置
ヘッダーはページ全体のイメージを邪魔しないように最上部に固定しました。
お悩み解決セクションは明るいイメージになるように白色の面積を増やし、女性のイラストとテキストを丸い図形で囲むことで丸の持つ「安心感」や「調和のとれた」イメージになるようにしました。
Productのセクションでは、スムーズに購入へ誘導できるように細かく購入ボタンを配置し、ページの最後にも少し大きめの購入ボタンを配置しました。