https://housesof.world/
◎視点
海外サイトは日本の2年先を進んでいるという話を聞く。その話をきき、よくAwwwardsやcss design awardを見ている。
この話を聞いたのは1年前の話で、確かに去年海外サイトで目にしたトレンド(大きい文字は縁取り文字、イラストなど)が今の日本のサイトで多く見られる。
今回は最新トレンドに目を慣らすために、こちらでSite of the Dayに選ばれたこちらのサイトをチェックする
◎概要
世界各地にある特徴的な家を集めたサイト。
とにかく大きいもじでインパクトがあると同時に、UXも優れたサイト。
◎ターゲット
・建築物などが好きな人々?
・不動産関係者?
→ビビットな色を使い注目を集める
基本的に誰にでもささりそうなデザイン。
◎配色
ビビッドな色を使いインパクトの大きい配色。
大きなフォントにぴったり。
◎余白
要素間:72px
コンテンツ間:120px
◎フォント
G-Regular
大見出し : 50vh
標準 : 26px
◎FV
画面の1/2を占めるほどの大きな文字でインパクトが大きいFV。
ここまででなんのサイトかは分からず、気になるのでスクロールをしてしまう。
下に進むと家のスライド写真が。
全体的に中央寄せ。
◎エリアから選ぶ
また大きな文字に続き、スクロールすると大きな地球儀がゆっくりと動く。
該当のエリアを hoverすると動きが止まる。
最後には地図つきで各地エリアページに飛べるようになる。
◎各地域ごとの紹介ページ
FVは大きな見出しと彫刻風のデザイン。
右の地球儀をhoverすると動き違う国へ飛べる。
写真と文字の配置がとても好き!
見出しと文字が徐々に左右にずれて配置。
バランスをよくするために日付は写真の左右に縦書きで配置。
コメントを残す