スクリーンショット_2020-03-10_23.57.33

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



【概要】

デザイン制作会社のサイト


【印象】

・余白が多く、お洒落でシンプル

・ベースがグレー×黒でシンプルなためWORKS(topページ)で出てくる制作の紹介に色をつけることで制作物が目立つ

・英字が多い


【メインビジュアル】

・フルスクリーン、真ん中にWORKSがドーンと出てくる

・会社名の「kern」が書かれながら出てくる

・topページのWORKSの紹介で上または下にスワイプすると次々と制作物名が書かれたカードがシュッと出てきて視覚的に面白い

・スワイプするごとに下の製作物のアイコンやロゴが動く

・表示された製作物の右にある製作物名をクリックするとその製作物の詳細が出てくる

・グローバルメニューは右上


【コンテンツ】

・ABOUTのページのど真ん中に出てくる「kern」の文字は下にスクロールしても一緒に動いてくる。周りの文章はいい感じに「kern」の文字と被らない(たまに被る)

・ABOUTの一番下のページまで行くと背景がオレンジ色に変わる

・ABOUTでは左右に各ブロックでプロフィールや所在地や表示されている

・一番下に表示されるグローバルメニューは文字が大きい、存在感ある

・右上にあるグローバルメニューの各コンテンツをクリックすると今表示されていたコンテンツから次表示されるコンテンツの下へバーがシュッと移動する

・コンテンツのページをスクロールするとページごとが左右に少し揺れる


【カラー】

・基本薄いグレー(#ececec)と黒(#000000)、アクセントに肌色のようなオレンジ色(#d19675)


【フォント】

・欧文、和文ともに不明 ゴシック?


【レスポンシブ】

・SPのグローバルメニューはWORKSとABOUT以外はハンバーガーメニューにしまわれている。開くとPCの一番下のグローバルメニューと同じものが出てくる。

・ハンバーガメニューのアイコンをタップするとオレンジのメニューが下からシュッと出てくる。逆に各コンテンツをタップするとグローバルメニューのオレンジのカードが斜め上にシュッといなくなる


スクリーンショット 2020-03-10 23.59.57

スクリーンショット 2020-03-10 23.58.03

スクリーンショット 2020-03-10 23.58.12

スクリーンショット 2020-03-10 23.59.24



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