見出し画像

HOTARU PERSONALIZED#サイトレビュー 06

https://hotaru-personalized.com/

●目的
・無料診断への案内

●ターゲット(理由)
20〜40代女性

●配色(理由・基準)
・文字→#42454f(黒) #ffffff (白)
・セクション背景→#93a6cb
・ボタン→#93a6cb ・hover→#bba4c6

●フォント
・azo-sans-web,Noto Sans JP,
・escrow-banner,selif

●メインビジュアル
・商品の写真
・左側300pxくらいの幅にハンバーガー、無料診断のボタン

●コンテンツ
1. コンセプト
2. 診断方法
3. メソッド
4. ニュース
5. フッター

●印象
・幅いっぱいに使っていてインパクトがある
・グレーのワントーンで落ち着いた綺麗なサイト
・ホバーの変色が綺麗で押したくなる

●参考にしたいポイント
・配色(サイトもボタンも)
・横幅いっぱいのサイト構成→これはこれで見やすい

画像1


#Webデザイン
#Webデザイン観察
#サイトレビュー

この記事が気に入ったらサポートをしてみませんか?