◇ホテルサイトまとめ〈1〉周年ページの構成の参考ページ

皆さん、こんにちは。

今年の2月よりインターン生としてお世話になっております、上智大学 理工学部 情報理工学科3年の前田です。

 

今回より色々なテーマ別で参考になりそうなページ・デザインが良いと感じたページをまとめさせていただくことになりました。

理由やコメントも一緒に書いていこうと思いますので、参考にしていただければと存じます。

第1弾として2023年3月20日時点での周年ページの構成で参考になると感じたページのまとめをさせていただきます。

 

〈目次〉

1.ページ全体のデザイン・構成について(ホテル・旅館)

2.ページ全体のデザイン・構成について(ホテル以外)

 

1.ページ全体のデザイン・構成について(ホテル・旅館)

◇海栄RYOKANS 10thページ

https://www.kaiei-ryokans.com/10th/

写真が出てきた後にキャッチフレーズが浮かんでくるアニメーションが写真とロゴを目立たせていて、ファーストビューにぴったりだと感じました。

色合いも金や赤などがメインとなっていて周年記念らしく、またPC版ではロゴ下にある写真がページをより華やかにしていると思います。

◇秋田キャッスルホテル 50thページ

https://www.castle-hotel.jp/50th/

社員さんの写真の枚数が見てきた周年ページの中で一番多かったです。

ページのデザインはシンプルで、文章や言葉から「私たち」からの感謝の心を感じました。

◇HOTEL椿山荘TOKYO 70thページ

https://hotel-chinzanso-tokyo.jp/70th/

ページ中盤にある巻物のイラストの部分が気に入りました。

イラストと写真とがお互いを強調していて親しみやすい印象を持ちました。

◇環翠楼 100thページ

https://www.kansuiro.co.jp/anniversary/

旅館の開業に対して「建立」という言い回しが印象に残っています。

ページの雰囲気も歴史的建造物のページようで100周年の重みを感じました。

 

2.ページ全体のデザイン・構成について(ホテル以外)

◇ローソン マチカフェ 10thページ

https://www.lawson.co.jp/lab/campaign/10th/

こだわりがコーヒーの紙コップ、年表がコーヒーの水滴で表現されていて良いデザインだと感じました。

詳しい説明などの文章は「詳しく見る」などのプルダウンで見えるようになっているなどの工夫があることで、ページ全体がシンプルに感じられました。

◇キューピー 100thページ

https://www.kewpie.co.jp/100th/

卵からキューピーが出てくる演出は面白いと感じました。

スクロールしていくとアニメーションで文章やイラストが出てくる演出は目を惹きます。

◇CITIZEN 100thページ

https://www.citizen.co.jp/100th/index.html

昔の様子や時計の写真、スクロールするごとにガラッと変わる背景などスタイリッシュでかっこいい印象を持ちました。

また年表はプルダウンで表示されるようになっていてたくさんの時計を見ることができます。

表示したい内容が多い場合には有効なデザインだと感じました。

◇小学館 100thページ

https://www.shogakukan.co.jp/zero/

カーソルを動かすと背景に波紋となって反映されるデザインや100周年のロゴが表示されるアニメーションなど、特徴的なデザインで面白いと感じました。

少し重いのがマイナスポイント。

 

ここまでご覧いただきましてありがとうございます。

周年ページの目的は顧客に感謝を伝え、また来て利用していただくことですが、そこには周年ページを見ていただくことが前提にあります。

色々な周年ページを見て、ホテルや会社の雰囲気・表現したいこととページのデザインがマッチしていることが重要だと感じました。

そしてプルダウンや詳しいページに遷移させるボタンを設置することでページ全体がシンプルでわかりやすい印象になるとも感じました。

 

これらのことをたくさんの周年ページを見て、まとめることで学びました。

言葉にしてしまうと簡単ですが、見やすいだけではなくデザイン性もあり、また行きたいと思わせるようなページがゴールだと考えます。

たくさんのページを見ることで引き出しを多くし、活かせていければと思います。

改めまして、ありがとうございました。