パララックスするインタラクティブ要素 まるもち家

https://marumochiya.net/

京都にある和菓子のお店です

マネしたいポイント

美味しそうな和菓子の画像が目を引く和風なサイトです。パララックスを使ったサイトは少なくないですが、画像などがずれて動くことが多いです。このサイトではクリッカブルなリンクがパララックスしています。リンクにホバーすると背景写真が大きくなるのもクリッカブルであることを明確にしています。

応用できそうな場面

大きなインタラクティブにパララックス効果を取り入れるとユーザーの目を引くかもしれません。商品の特徴や詳細情報などへのリンクをこのようにするのも良いでしょう。

懸念点

パララックスが早すぎたり小さかったりするとクリックが難しくなってしまいます。ユーザビリティを損なわないような設定・デザインにする必要があります。

  • Twitter Share
  • Facebook Share
  • Line Share