平成最後の日に_見ておきたい_ウェブサイトまとめ

平成最後の日に見ておきたい良きウェブまとめ

こんにちは。noteに文章として投稿するのは初めましてです。普段はWebサイトを作るフロントエンドエンジニアをやっているMIOと申します。フロントエンドエンジニアとしては1年ちょいの歴になりました。

今日ツイッターで「平成最後の日に〜」というワードをよく見かけて、そういえば今日は平成最後の日だなあ〜せっかくだから何かできないかなあ〜と考えたときに「あ、私ツイッターだと良きウェブサイトおばけだから、良きウェブまとめ記事を書こう」と思い立ったのでこの記事を書くことにしました。

1年前にWeb業界初心者だった私は「ウェブを作る人間になるなら良いウェブサイト知らないと良いものを作れない〜!」と思い、1年ちょい前からひったすら良い感じのウェブサイトをみてはツイッターに垂れ流す日々を過ごしていたので(むしろそればっかやりすぎてツイッターでそれ以外に呟いたことをあまり覚えていないくらい。。。)、平成最後のこの日、良きウェブサイトおばけとしての振り返りの意味も込めて「このサイトはみずに令和を迎えるのは勿体無い。。。!」と超個人的に思うサイトを集めてみました。

それでは以下からどうぞ。

BRANU

このサイトは私が今までみてきたウェブサイトの中で一番と言っていいくらいUIの操作感が気持ち良いーーー!!!なサイトです。ページ間のシームレス遷移は最近のサイトでは割と定番ですが、このサイトのようにモバイルフレンドリーなデザインなサイトだと余計に相性がいいんだなと感じます。また、赤を基調にパキッとした色合いにしつつも、全体的に弾みを持たせたアニメーションを要所にあしらっているおかげで、パワーと楽しさを同時に感じることができます。


UZU EYLINER

元同僚さんで今はラナデザインでばりばりいけてるデザイナーさんをやっているタカユリさんから教えてもらったサイトです。(タカユリさんは今でもたまに良いウェブサイト見つけたらわざわざ私に教えてくださいます。神です)今までみた商品紹介サイトの中でも、特にスタイリッシュ。。。!セクションの登場の仕方や商品のカラーバリエーションに目がひくようにデザインされたレイアウトに惚れ惚れします。


HOPPIN' GARAGE

みているだけで楽しくなってくる!HOPPINという言葉にふさわしいポップなサイトです。イラストの魅力を存分に生かしてこんなにもダイナミックな動きをつけているサイトはなかなかないな〜と個人的に感じます。スクロールの最後まで行くとちゃんと綺麗にイラストが収まるのも、お後がよろしい感じです(笑)


ハーゲンダッツアカデミー since1961

ウェブサイトであることを忘れるほどの繊細な表現が詰まったハーゲンダッツのスペシャルサイト。アカデミーというコンセプトにふさわしい黒板をベースにしたデザインのなかに、ところどころ動いている要素が本当に眼福です。何より、女の子の登場の動きのつけ方が丁寧で、私はこの動きをみているだけで実装者の職人肌を感じます。。。


岡崎明治酒場

これはもう好みの話になっちゃうんですが、このサイトのようにそのままキャプチャしてポスター広告にしても全く違和感のないこのダイナミックなキービジュアルをもつサイトが大好きです(涙)複雑なアニメーションはないのですが、一行ごとに出現するテキストや、要所に取り入れた書き文字のアニメーション、セクションのボックススライドアニメーションなどのタイミング調整が素晴らしいです。おかげで目が引っかかることなく、またアニメーションの調和に感動しつつサイトをみることができます。


北山創造研究所

このキービジュアルはずるい。こんなに大量な情報量を詰め込んだ文字たちを大胆に、かつ整然と配置されたら、目を引かないわけがない!しかも少しするとそれが写真ギャラリーに切り替わるので、見せ方の勝利という言葉につきます。PCでみるとこの一枚のボードがマウスと連動して動きます。下層のページはシンプルに情報を伝えることに徹したレイアウトになっているので、いかにトップのキービジュアルが重要かが伝わってきますね。


ESPALMADOR MARISQUERIA

このサイトを訪れるたびに魚介料理が本当に食べたくなります。水色をメインカラーにしているので魚介料理との相性も抜群ですし、海岸の写真や波打つようなアニメーションを要所にあしらっているおかげで、どことなくバカンスな空気も感じられます。解析したところ、このキービジュアルを全てDOMで組んでいるというのも感動です。


BAKEブランドシリーズ

私はBAKE Incのもつブラントのサイトを全てみてほしいと声を大にして言いたいです。チーズタルトで有名なBAKEをはじめ、RINGO、CHOCOLAPHILなどの洋菓子ブランドを持っているのですが、一貫してサイトのデザインとアニメーションが素晴らしい。もちろんそれぞれのブランドの特色を踏まえたデザインになっているのですが、レイアウトやアニメーションをみているとどことなく「あ、これはBAKEグループのブランドなのか」と感じられます。本家であるこのBAKE Incのサイトも本家らしさが感じられて好きなのですが、ぜひ各種ブランドサイトも合わせてみて下さい。


██ ▌ ▌

最初この四角の群が何を示しているかよくわからなかったのですが、触って感動しました。ロンドンをベースに活動するクリエイティブデベロッパーさんのサイトですが、エンジニアだからこそ思いつくサイトの見せ方だと感じています。とにかく百聞は一見にしかず、みて下さい。


DONGURI

個人的にこのサイトのことを精緻オブザイヤーと心の中では呼んでいます。最初にDONGURIさんのサイトをみた時から一度リニューアルしているようですが、相変わらずキービジュアルは圧巻です。この精緻でノスタルジックなイラストはキービジュアルだけではなく、サービス紹介や職種紹介のページでも扱われており、細部までサイトのもつ世界観が行き届いています。


TAO TAJIMA

WebGLを駆使してウェブ上での圧倒的視覚表現を実装することが得意なホムンクルスさんが手がけた映像作家さんのポートフォリオサイトです。映像と水面の表現の相性の良さが光ります。SPでみても変わることない視覚体験ができるのは脱帽です。ついつい見入ってしまうサイトの一つです。


技術で振り返るカヤック20年

オメーの会社のところの宣伝してんじゃねえ!と石投げられないかちょとビクビクしたんですけど(←小心者)、でもこのサイト、ほんと頭おかしいんです。ウェブサイト上にPCのデスクトップを再現しちゃった(しかもスクロールしていくとどんどんPCが新しくなっていく)というデザインコンセプトはもちろんなんですけど、細かいところ見ていくとこんなところまでこだわって実装してんの?となるはずです。(実際同僚さんがすごく細かいあしらいまで実装していてすげええと隣で見ていました)平成のインターネットを回顧するにはちょうど良いエモすぎるサイトなので、一度見てみてはどうでしょうか。


Nomadic Tribe

これはもう、圧巻です。ウェブ上でこの体験ができるのは、ウェブを作る人間として心から尊敬します。説明するのは野暮なんで、とにかくみて下さい。。。!ヘッドフォン推奨です。PCでもSPでもどちらでもみれます。


MIKUWARP

私が尊敬するクリエイターさんの一人である、daniwellさんが作ったウェブ作品です。音楽とウェブとの融合体験がとても面白く楽しく心地よい。。。!!!daniwellさんはウェブや音楽や3D制作も手がけるマルチなクリエイターさんで、だけど「音楽」または「VOCALOID」をベースとしたコンテンツ作りを一貫しているところが軸としてブレてなくてかっこいいなあと思います。daniwellさんの他の作品もとても素敵なので、合わせて色々みてほしいです。


-------------------------------------------------

以上、私が個人的に見ていてうおおおとなるサイトまとめでした。とりあえずどのサイトも「みて下さい」という一言につきますね(笑)他にも結構色々これみて下さい!!!!なサイトは色々あるんですが、とりあえずこれだけは、ということでまとめました。

令和になっても相変わらずツイッター上では自分が見かけた良きウェブサイトを呟くのが6、7割なアカウントとして活動しておりますので、もし定期的に良きウェブがみたいな〜と思う方はこちらのアカウントをフォローしてみてはどうでしょうか(宣伝)

それではみなさま良い令和を〜


読んでいただきありがとうございます。とりあえず温かい目で見守ってくださると嬉しいです。