いいなと思ったWebサイト紹介-Vol2

2020年09月20日

その他

7月の末にいいなと思ったWebサイト紹介の記事を書きましたが、今回はそのVol2です。前回と同様どこが好きなのかなど詳しく紹介していこうと思います。

アニメ「OBSOLETE」公式サイト

https://project-obsolete.com/

最初に紹介していくのはアニメ「OBSOLETE」公式サイトです。

最近は少なくなってきたロボアニメみたいですね。結構硬派なロボアニメで雰囲気は暗めな感じがします。そんな雰囲気をうまくWebで表現できているサイトになっています。個人的に気に入っているところは、スクロールしたときの背景のアニメーションです。このアニメーションは言葉でうまく表現できないので実際に見ていただければと思います。また、マウスストーカーも武器の照準になっていて、雰囲気をうまく出せているパーツの1つになっていると思います。まだ面白い機能があって、左下のVISORと書いてあるところをONにするとロボのコックピットみたいな画面になります。マウスの動きに合わせて画面も動くので、よりコックピット感がでていますね。このONにした状態で適当な場所をクリックすると白い弾丸が発射されます。また連打しまくるとReloadingと文字が出てきたりと、細かいところにも演出があってすごいですよね!ちょっとしたこうゆう演出があるサイトは、個人的にはかなり好きです。

余談ですが、このアニメYouTubeで無料で見れるようなので興味がある方はぜひ、今は1〜6話が公開しているようです。

ももいろクローバーZ MUSIC VIDEO CLIPS -AE限定 SPECIAL EDITION- 特設サイト

http://momoclomv.com/

ももいろクローバーZのMV集についてのサイトみたいですね。桃の段ボールをイメージしたデザインになっています。このサイトの面白いところはスクロールしていくと、入っている商品のイラストがアニメーションされているところですね。見ていて面白いですし、そもそもサイトの文章などの要素が少ないというのもあるかもですけど、そこまでしつこい感じでもないのもいいですね。何が入っているのか、どんな感じで入っているのか分かりやすいところもいいですね。商品のイメージにあっているサイトでいいなと思いました。

Goodpatch グッドパッチ

https://goodpatch.com/

メインヴィジュアルの動画が結構印象的ですね。全体的にアニメーションが入っていて、細かいボタンなどにもしっかり入っていますね。個人的に好きなところは、トップの実績のところをホバーすると、円形のマウスストーカーが出現して、そのマウスストーカーの部分だけ違う画像が見えるようになっている部分ですね。マウスストーカー自体が出てきたときのボヨンって感じのも割と好きです。左下のお問い合わせボタンなどもしっかりアニメーションされていて、細かいところまでしっかりやっているなと感じました。細部にこだわれるかどうかでやっぱりサイトの質は変わってくると思います。

まとめ

今回も自分なりの言葉でまとめてみました。考えなどを言葉にするのは最近やってなかった気がするので少し難しかったですね。表現の幅も広がるし、アニメーションなどの参考や実装するときのストックになるので今後も続けていきます。

Pocket

related

いいなと思ったWebサイト紹介-Vol3

少しブログを更新できてなかったので、またしっかり更新していきます!今回は、いいなと思ったWebサイト紹介の3回目です。いいなと思ったサイトを分析して、アニメーションなど自分のインプットにもつながるので

その他

2020.10.08

名刺交換のマナーについて

今、学校の進級展に向けて作品づくりであったり作品のパネルづくりなどいろいろな準備しています。進級展には、企業の方もいらっしゃるのでそこで名刺の交換などさせていただく機会もあるかと思います。その時のため

その他

2020.01.18

進級展レポート

2月7日、8日に学校の進級展がありました。進級展ではクラス全員がそれぞれ作品を制作し、展示をしました。今回は、進級展で作成した作品についてや学べたことなどについてまとめていこうと思います。 進級展の作

その他

2020.02.08

Copyrightの正しい書き方

WebサイトのコーディングやデザインしているときにCopylightを書いているのですが、どうやって書けばいいか毎回調べている気がしたので今回は自分の備忘録としてもCopylightの正しい書き方をま

その他

2020.03.09

profile

kobayashi kent

トライデントコンピューター専門学校Webデザイン学科
アニメとかゲームとか音楽聴くのが好き