アニメーションするヒーローイメージ Guntu

http://guntu.jp/

瀬戸内海に浮かぶ船のホテルです。

マネしたいポイント

オープニングのフルスクリーンの画像から、クリックすると詳細のコンテンツのあるページへと移行します。フルスクリーンの画像がスッと小さくになって収まるアニメーションがいい感じです。

応用できそうな場面

ファーストビューで大きく印象的な画像を使っているサイトでこうしたインタラクションを入れると面白いでしょう。これとは逆方向に、画像をクリックすると全画面になるような動きもありだと思います。

懸念点

画面をクリックという動作が分かりづらいかもしれません。自分もスクロールをして、あれ動かないな?となってしましました。クリックする(できる)ことをデザイン上で工夫する必要はあるかと思います。

  • Twitter Share
  • Facebook Share
  • Line Share