【#勝手にサイト分析 vol.41】ホテルオークラ様の結婚式ご案内サイトを分析させていただきました。 | Curious inc.

はじめに

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

今週も始まりました！

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

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

基本情報

企業名
ホテルオークラ

URL
https://theokuratokyo.jp/wedding/

デザイン分析

スタートのアニメーションから世界観に入り込めるサイトを本日はご紹介します。

結婚式したくなります。

そして、改めて手書きフォントの良さを感じてもらえるサイトになっていると思います！

手書きフォントを使って、優しいテイストのサイトを作りたい方は参考ポイントたくさんあるかと思います！

まずこのメインコンテンツの美しさ、、、

手書きフォントのテイストに合った、再生ボタンや見出しフォント、、、

洗練されてますね。

再生ボタンの装飾はぜひ参考ポイントとしてメモっておいてください。

このメニューの工夫は参考にしたいです。

キャッチーなタイトルだけだと伝わらない部分を、サブタイトルにわかりやすい表現を追記することで、メニューとしての使いやすさも考慮されていますね。

アバウトレイヤーは、エフェクトが素晴らしく、優しい気持ちになります。

フェードインで画像を浮かび上がらせるアニメーションはこういった優しい世界観を生む手法としては最適です！

各メニューへの遷移コンテンツも写真とテキストコンテンツの出し方を変え、スクロール時のなめらかな演出を生んでいます。

このずらし演出はアニメーション設計から入らなくてはならないため、かなり高難易度です。。。

タイトルの上に、サブタイトルをおくという新しいレイアウトになっています。

写真のクオリティも高いため、単純にみていてワクワクします。

フル画面での動画を貼る手法は、ぜひいい動画が取れた場合は試してみてください。

特に後半部分においてあげることで、サイトとしての飽きを防ぎ、再度好奇心をくすぐることができます！

最後に

写真のクオリティから、レイアウト、、、そしてアニメーションまで、かなり洗練されたサイトでした。

結婚式あげたくなりますね。。。

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