モーフィングするボタン vakel

https://vakel.studio/

店舗設計や内装のデザインを手掛ける会社です。

マネしたいポイント

右上のコンタクトボタンや作品紹介ページへのリンクといったインタラクション要素にカーソルをあわせると変形します。「化ける」という会社のコンセプトと合致した表現です。

応用できそうな場面

このサイトは会社のコンセプトに沿った表現でしたが、モーフィングアニメーション自体はアイキャッチとして使えるでしょう。インタラクション要素だけでなく、見出しなどに用いても面白いです。

懸念点

インタラクション要素がアクティブな状態として使用した場合、あまり見かけない表現なのでそれがアクティブであることを認識できないかもしれません。

  • Twitter Share
  • Facebook Share
  • Line Share