WEBサイトのデザイン観察 vol.8
今回も、以下のサイトのアドバイスしたがって、WEBサイトのデザインのポイントを書き出してみます。
https://www.webcreatorbox.com/tech/improve-design-skills
観察するサイト
今回はこちらのサイトについて考察します！
デザイン観察
《気になったところ》
・色使いがシックでおしゃれ
・線の細い書体が高級感があって素敵
・暗い色の背景に写真がよく映えている
《なんのサイトか》
・ひらつか建築のコーポレートサイト
考察：
・高級感のある配色
・魅力的な施工実績の写真
《ターゲットのユーザー層を予想》
・安定した収入がある30代の男性、30代の妻と3～4歳の子供がおり、現在は貸家に住んでいる。老いるまで長く住める家を建てたいと思っている。
考察：
・安心して長く住める丈夫な家をアピールするため、高級感と安心感がある色を使っている。
《配色》
・暗い紺、白、茶色よりの金
考察：
・重厚感があり落ち着いた印象
・木の色を連想させるような茶色よりの金を使うことで、高級感と安心感がある。
《書体》
・モダンフェイス、ゴシック体
考察：
・モダンフェイスを使用し、木の温かみと高級感のある建築のイメージに合わせて、優しく上品でエレガントな印象になっている。
・タイトルに欧文のモダンフェイスを使用しているため、説明文にはゴシック体を使用し、読みやすくなっている。
《レイアウト》
・ヒーローヘッダー
・ブロークングリッドレイアウト
・ハンバーガーメニューを開くと、メニュー以外の部分が暗くなる
考察：
・ファーストビューに風景や木の家具などの写真を大きく使うことで、雄大でぬくもりのある印象を与えている。
・ブロークングリッドレイアウトで、画像をより大きく印象的に見せている
サイトの説明をしてみる
安定した収入があり、老いるまで長く住める家を建てたいと思っている30代の男性をターゲットにした、ひらつか建築のコーポレートサイト。ファーストビューに風景や木の家具の写真を大きく使うことで、雄大でぬくもりのある印象を与えている。暗い紺・茶色よりの金を使っており、高級感と安心感があり落ち着いた印象を与えている。
参考
ハンバーガーメニューとは｜デザインの種類・事例・2019年SEOなども絡めて解説
https://note.com/smartcamp_design/n/n348d887c3351
ハンバーガーメニューやめてみようと思った件
https://www.sidethree.co.jp/blog/memo/202002-1.html
Googleが繰り返すデザイン変更からたどり着いた極意「明白こそが至高」について解説
https://gigazine.net/news/20191010-google-design-often-ui/
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
https://www.soldi.jp/articles/font_select_2017/
この記事が気に入ったらサポートをしてみませんか？