こんにちは、プロクラスの杉本です!
サイトを制作していて、動きがワンパターンなりがちだなっと思うことがありだなって思うことありますよね。
そこで個人的ではありますが、動きが面白いな、素敵だなと思ったサイトを5つご紹介させていただきたいと思います!
文京区で働く学ぶを応援するコワーキングスペース「WORK&NAP もとまち」サービスサイト
こちらのサイトは、シンプルではありますが、細かいところにいろいろな動きが取り入れられているサイトです。
メインビジュアルの窓の切り抜きに木々の動画が埋め込まれているところやスクロールすると本やマグカップなどのイラストが流れに合わせてついてくるところなど参考にしたい動きが多くあるサイトです。
https://work-nap.jp
白十字のワッフル | HAKUJUJI
こちらのサイトは、Webサイトを開いた瞬間に美味しそうなワッフルが揺れ動き、目に飛び込んでくるアニメーションを設定されています。
その他にもスクロールしていくと、ワッフルを一口二口食べていくアニメーションがあるなど、見ているだけで楽しくなるサイトです。
雑貨屋 | HAPPENING
こちらのサイトは、いたるところにポップなアニメーションが設置されています。
蛇が穴から急に現れたり、布を被ったお化けが現れて消えたりと、まさにHAPPENINGづくしのサイトになっています。
アッシュ・アンド・ディ・コーポレーション: ASH&D
こちらのサイトは、芸能人の名前にカーソルを合わせてスクロールしていくと所属している芸能人の画像が浮かび上がるアニメーションや一つ一つのテキストアニメーションが独特で面白いサイトです。
グリーンパーク山東
こちらのサイトは、スクロールするといろいろな写真が集まったり広がったりするアニメーションやページフリックアニメーションなど遊び心溢れるサイトです。
いかがだったでしょうか?
今回は、5つサイトをご紹介させていただきましたが、どのサイトも工夫されたアニメーションばかりだったのではないかと思います。
上記5つのサイトのように魅了のある動きやアニメーションを取り入れていきたいですね。