サイトレビュー #051

概要

まくらの製造・販売を行う企業のコーポレートサイト

第一印象

・世界観がすごい！作り込まれた世界観で、FVから一気に引き込まれて、没入感がすごい。斬新で新しい表現で、歴史もあるけど今の時代にもあった商品なんだろうな、と感じる。
・広い余白やゆったりとした動きが落ち着きを感じさせ、質の高さや洗練された印象を与えている。

ターゲット予想

・まくらのキタムラの枕を使ったことがない幅広い年齢の人

目的

・ブランディングの強化
・こだわりや質の高さを伝え、ブランド価値を印象付ける

ファーストビュー

・ローディングで「おはよう。いい朝。いい人生。」と言いう言葉が中央に表示→MVが表示される。
・MVは性別や年齢さまざまな人が、寝ている写真を使用。写真には半透明の黒いフィルターがかかっていて、波打つように揺れている。
→朝、カーテンが揺れて太陽の光が差し込んでいるような演出。

ファーストビューからの流れ

・FVからスクロールに合わせて円形に置かれたベッドが出現。そこに寝ていた人たちが徐々に起き出して、用意をし、それぞれの生活に向かって歩いていく
↓　↓　↓
・ローディング→ファーストビューからAboutのコンテンツまで、ストーリーテリング手法を採用していて、「キタムラのまくらを使うことで、いい朝を迎えられる」ということがよく伝わるし、印象的ですごく引き込まれる。
・歩いていく人たちは快活で、すごくよく眠れてすっきりとしているんだな、と感じる。
・明るさもストーリーが進むにつれ、どんどん明るくなっていくので、朝を迎えたことがわかる。

・全員が起きるわけじゃなくて、まだ寝ている人もいるのがすごくいいな。いろんな生活スタイルがあるし、細かいところまで作り込まれてる。

・情緒的な表現の後、メッセージで丁寧に強く思いを伝えることで、すごく説得力があるし、印象に残るように感じる。

フォント

日本語：Noto Serif JP
欧文：Cormorant Garamond
数字：Cormorant Garamond

サイト構成

❶キタムラを知る
　-キタムラの歴史
　-キタムラのまくら作り

❷キタムラを買う
　-商品紹介
　-取り扱い店舗
　-オンラインストア

❸キタムラとまくらを作る
　-OEM／ODM
　-中材製造・販売

❹その他
　-よくあるご質問
　-お知らせ
　-会社概要

気付いたこと

・揺れているような波打つ動きの背景が、すごくゆったりしていて、優しく包み込んでくれるような印象を感じるし、寝心地のいい快眠できる枕なんだろうな、と感じる。

・Aboutのリンクエリアの形が変わっていて、かわいい。周りに縫い目みたいなあしらいがあって、枕の形をイメージしてるのかな？

・「作る」のコンテンツには設計図みたいな画像を配置。
→細かい線の画像で、こだわって作られた枕だと感じる。

・画像と画像の後ろの流体シェイプはずっとゆっくり動いていて、ただ回ってるわけじゃなくて、揺れているような動きが優しくて、ここもすごく心地いい。リンクテキストにホバーすると枕の形になる…！！

・ホバーすると出現する画像の目をゆっくり開くような動き、凄すぎる…。