![見出し画像](https://assets.st-note.com/production/uploads/images/35524883/rectangle_large_type_2_9be0f1a407c13adf0152367206da4a36.png?width=1200)
【18】 | beus works | #1日1サイトレビュー
▷概要
株式会社ビアスワーク 注文住宅サイト
▷印象
・内容ごとに合わせた背景の写真がイメージしやすいものになっている
・文章で句読点が使われているためで語り口調なテキスト
・わからないことや相談したいことを直ぐにメッセージで送れる機能があるのは信頼にも繋がると思う
・サイト四隅にボタンやテキストがあると画面としてバランス取れている
・スクロールすると順番とスピードがアニメーションの早さになるので、ゆっくり読む気になる
・メニューにある内容とスクロールするとでる内容の違いがわからない
→どちらかに集約した方が操作しやすいのでは?
▷特徴
・ストーリー性のあるサイト
・トップ画面だけでどんな内容が記載されているのか大まかに把握できる
・右下のメッセージから直ぐに会社に連絡が取れるようになっている
・右上メニューを開いた際グラデーションのようにメニューが表示される
・メニューやSNSに飛ぶボタン、メッセージボタンなどはスクルールしていっても変わらず表示されている
・塗りのあるボタンにカーソルを持っていくと塗りがなくなるアニメーションがある
・背景の画像もメインとしており、文章が左右どちらかに揃っている
▷配色
・青を基調
・白#ffffff、青#004b90、青#00a1ff
→写真とテキストがメインであまり色は使われていない
▷フォント
・見出し:遊ゴシック
→やや硬い、丁寧な印象
・文章:遊明朝
→見出しより文章向き
この記事が参加している募集
この記事が気に入ったらサポートをしてみませんか?