写真のレイヤー

写真を重ねる

ヒーローエリアから各紹介要素の箇所まで写真を重ねて配置しています。

すべての写真を一覧で見ることができないデメリットはありますが、サイトの幅を取りすぎず一つ一つの写真を大きく見せることができています。

また、重なっていない部分の少しだけ見えているものが気になってしまう心理効果を利用して、ユーザーにアクションを促しています。

ページの遷移

左右の矢印ボタンやメニューからリンクボタンを押すとスムーズにスライドしながらページが遷移します。

紙芝居のような遷移の仕方でストーリー性や暖かみを感じます。

葉山 うみのホテル様