見出し画像

KURASHITO #1日1サイトレビュー



【概要】

仙台在住のスタッフが不動産や暮らしに関する情報を発信しているWebメディアサイト


【印象】

・情報が盛り沢山なサイト、という感じがしたが、各コンテンツがしっかり分けられ、レイアウトが整理されているためごちゃごちゃした感じはない

・写真がカラフルな分、サイト自体の色合いは白、グレー、ベージュでお洒落でシンプル

・部屋の紹介だけでなく、仙台の店や名産などの紹介もあってワクワクが増す


【メインビジュアル】

・大きい写真と小さい写真の2分割構造?トップに表示される読み物のコラムの写真が一定の時間が経つと次のコラムに変わる。下部には表示されるコラム全てが表示されており、矢印マークを押して自分の好みのコラムを表示させることができる

・右上にグローバルナビゲーションが配置。コンテンツにカーソルを合わせるとコンテンツ内の項目が下にズラッと表示される

・グロナビの上には小さくSNSのアイコンが配置。カーソルを合わせると丸いアイコンに変わる。ピコンと変化の仕方が可愛い


【コンテンツ】

・どのコンテンツもグリッドレイアウトで表示。大きさが統一されて整列されているため見やすくてスッキリした印象

・住まいのコンテンツではおそらく物件担当者がつけたであろう部屋のネーミングが表示されており、ユーモアを感じる。

・住まいの物件の写真の右上に間取りのアイコンがあり、カーソルを合わせるだけで間取りが表示され、ページを読み込んだりする時間が省けてストレスなく見れる

・各コンテンツのページでもトップページで表示されているコラムのスライドが表示されている

・区切り線が細いところがシンプルさを感じる。表の線もしっかり交差されているわけでなく、線の間に隙間があることで抜け感があり、柔らかい印象を出している

・ボタンにカーソルを合わせると色が変わり、ページの数字に合わせると丸が二重丸に変わり、ページの矢印に合わせると半丸が反対側に表示されるなどホバーの種類が多い


【フォント】

・游ゴシック体

・価格などの数字はOpen Sans

・ジャンプ率は低め。目立つ大きさの文字がないからその点でもシンプルさを出している


【カラー】

・ベースカラーは白とベージュ

・メインカラーはテキストの薄い黒色

・アクセントカラーはボタンなどに使われるグレー


【レスポンシブ】

・SPのグロナビは全て表示されていなく、横にスライドして見たいコンテンツを探す

・住まいの物件の設備のアイコンの数がPC(5つ)と比べるとSP(3つ)は少ない。また、設備のアイコンの角丸がPCではほぼ丸に近く、SPでは四角に近い

・SNSアイコンがSPではフッターに表示(画面の大きさ的にヘッダーには入らなかったよう)


画像2

画像1




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