見出し画像

【#勝手にサイト分析 vol.37】水際のロッジ様のサービスサイトを分析させていただきました。 | Curious inc.

はじめに

おはようございます!!
株式会社Curious COOの赤沼です!

今週もやってまいりました!
今週もがんばって参りましょう!

本日も【世の中の"クリエイティブ"を勝手に分析!】をテーマに、記事を書かせていただいてます!!

あくまで"勝手に"分析をさせていただいており個人的見解になります。
ご理解のほど、宜しくお願いいたします!

基本情報

スクリーンショット 2020-11-30 1.05.58

企業名
水際のロッジ

URL
https://morino-kuni.com/riverside-lodge/

デザイン分析

最初のスクロールの設計がまず新しいサイトです。

全体として、綺麗な深緑が使われておりますが、写真とうまく組み合わせることで、明るい印象のサイトになっています。

スクリーンショット 2020-11-30 9.58.39

最初スクロールを行うと横に進んでいく新しい体験。

横書きのキャッチコピーから視線として、そのままみぎに流れていくことができるため、コンテンツがスッと入ってきやすい。

スクリーンショット 2020-11-30 15.42.00

About箇所も、横書きの文章で、スクロールの流れに沿って読み進めることができる。

また深緑の色合いに、白い文字置きがされているので視認性がよくできていると共に、綺麗な配色設計ができている。

スクリーンショット 2020-11-30 15.43.53

背景に差し込まれた画像からの、次コンテンツへの導線が非常に綺麗。

Movieコンテンツに入る際の重ね順も綺麗 !

この表現はぜひ参考にしたい!

スクリーンショット 2020-11-30 15.45.17

縦3枠のレイアウトで画像配置されているこの設計は非常に綺麗。

マウスホバーで出てくるフォントサイズ設計もうまい。

スクリーンショット 2020-11-30 15.48.13

その後白フェードアウトが現れる。

この表現での縦スライドへ移行していく設計は違和感なく切り替えが行えるため、最高のアイディアである。

スクリーンショット 2020-11-30 15.51.15

縦スライドに移行してからも、レイアウト設計がうまい。

フォントのジャンプ率設計といい、深緑をフォントに使い、背景色を明るくすることで、メリハリが生まれる。

スクリーンショット 2020-11-30 15.52.55

最後の最後の画像までクオリティが高い。

インスタグラムに投稿する画像に力を入れられている分、より施設の魅力が伝わってくる。

最後に

こういったクリエィティブにこだわれたサイトを作られると、商品や会社、施設のクオリティも高いのかなと期待感が非常に高まる。

ぜひ泊まりに行きたいものです。

世の中にある全てのWebサイトがイケてる世界を!
では、また明日!


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