2021年7月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。

優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかったりするなど、様々なメリットがあります。ぜひ自身の好みに合うような素晴らしいWebサイトを探してみてください。

鎌倉の味 鳩サブレー 豊島屋

みなさんおなじみの鳩サブレーの公式ページ。パッケージのイエローと鳩のイラストをモチーフに構成されたWebサイトは、商品の世界観を忠実に再現しており、かわいらしさや楽しさを感じるデザインに仕上げられています。

格安電力|電力自由化で、ただ電気代を今より安く

2021年のWebデザインのトレンドとして注目されているニューモーフィズムを使ってデザインされているWebサイト。シンプルながらも洗練された印象となっていて、独特の世界観が特徴です。

MILK TEA SERVICE

何枚かのイラストや画像、簡単な説明、問い合わせ先というとてもシンプルな内容のWebサイトです。コーポレートサイトやプロダクトサイトと言われると、様々な情報を配置して複雑な構成になってしまいがちですが、常識にとらわれず、余計な要素は取り除くことで新鮮な見せ方にしているという点が参考になります。

KETAKUMA Official

こちらは「けたくま」というキャラクターの公式サイトです。ゲームやアニメのような世界がWebサイトの中で表現されていて、キャラクターのアニメーションなども組み合わさることでポップで楽しいデザインとなっています。

みんなの銀行

こちらは福岡銀行などを展開するグループが新しく展開する新たなサービスの公式サイトです。銀行と聞くと堅いイメージがありますが、モノクロのイラストでデザインされたWebサイトはとてもモダンでスタイリッシュに仕上げられていて、親しみを感じるデザインとなっています。

このようなデザインや世界観がしっかりと作られたサービスは海外ではよく見かけますが、日本からこのようなサービスが展開されることがうれしいですね。今後に注目です。

Yusuke Fukunaga

こちらは福永祐介さんというフリーランスの方のポートフォリオサイトです。トップには3D空間の中に実績が並べられていて、スクロール時のアニメーション、画像のエフェクトなど、様々なテクニックが使われています。

Banorama

こちらは海外のWebサイトですが、イラストやアニメーションによって世界観がしっかりと作り込まれていて、まるで動く絵本を読んでいるかのような感覚になります。

Wisr

こちらのサイトでは、トップページの中でピタゴラスイッチのようにボールがどんどんと転がっていく様子を追いかけることができるようになっています。遊び心のあるWebサイトは作っていても見ていても楽しいですね。

Mama Joyce Peppa Sauce

海外の料理に使うソースの商品サイトです。ゴシック体のタイポグラフィを中心に背景がデザインされていて、商品について詳しく説明するのではなく、商品のイメージを伝えることやブランディングに重きをおいてデザインされている点が参考になります。

TOSACO

高知県のビールのブランドサイト。かわいらしい写真やイラストによってファッショナブルな世界観が作られていて、親しみを感じるデザインに仕上げられています。ビールを注いだ時の泡のような、波線がセクションの間に使われているのがアクセントになっています。

Konel Inc.

広告やデザインを手掛ける会社のホームページです。モノクロのグリッド状に要素が配置されたデザインがとても特徴的で、シンプルなデザインでありながら、スタイリッシュな印象に仕上げられています。マウスホバーしている要素には色が付くようになっているなど、細かな動きも参考になります。

SHIBUYA SLOW STREAM

こちらは渋谷ストリームで開催されるイベントの情報を発信するWebサイトです。再開発が進む渋谷を表現するような、ポップでスタイリッシュで、少しアーティスティックな雰囲気のデザインが絶妙にマッチしています。

その他の参考になるWebサイト

今回ご紹介したような、デザインの参考になるおすすめのWebサイトをギャラリー形式でまとめています。コンテンツは随時更新しているので、ぜひチェックしてみてください。