見出し画像

【真似したくなる!参考サイトを集めてみた!】 コンピュータ・テクノロジー編

今回は「コンピュータ・テクノロジー編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。

個人用まとめサイトですが、参考にしていただければと思います。




●Quentin Hocdé

【サイト全体のビジュアルエフェクトが秀逸】
こちらは個人のポートフォリオサイトです。
背景に広がる記号の波が印象的なサイトで、スクロールすると人の形に変化します。
動き一つ一つに無駄がなく、文字のレイアウトを活かしています。
エフェクトだけではなく、フォントの選定や文字組み、配色なども参考になります。

キービジュアル
  • TYPE:ポートフォリオサイト

  • FONT:PP Supply Mono,Monument Extended"

  • COLOR:



●株式会社Gaudiy | ファンと共に、時代を進める。

【デザインのギリギリの境界線】
全体的なデザインとしては、POPでカラフルなデザインのサイトです。
これ以上やりすぎるとデザインとしてダサくなるという、ギリギリのラインで制作されていると感じます。
特に文字組みは、「あえて」このように表現していると思われます。
ぜひサイトをご覧ください。

キービジュアル
  • TYPE:コーポレートサイト

  • FONT:Noto Sans JP,Noto Serif JP

  • COLOR:



●VISUALIZING LIQUID CONSUMPTION DATA | INTAGE Inc.

【グラフの表現方法が参考になる!】
生活者のリキッド消費傾向を分析したサイトになります。
マーティテングのデータを直感的に触れて、比べられます。
データの表現としても洗練されているサイトです。

キービジュアル
  • TYPE:特設サイト

  • FONT:freight-neo-pro,source-han-sans-japanese

  • COLOR:



●Mirror City | Pioneering in spatial intelligence

【THEテクノロジーという表現】
フォントの選定から、色合いなど「テクノロジーといえば」というデザインになっています。
街の中を進むと建物の表現が変化し、テクノロジーで成り立っているということをうまく表現しています。

キービジュアル
  • TYPE:特設サイト

  • FONT:fk-light

  • COLOR:



●株式会社ハロー - Goodbye past, Hello future.

【シンプルだからこそエフェクトが効く!】
サイト全体はシンプルな作りで、文字組み、文字のジャンプ率も美しいです。
その中にキービジュアルや、カテゴリーのタイトルエフェクトが良いアクセントになっています。

キービジュアル
  • TYPE:コーポレートサイト

  • FONT:Manrope

  • COLOR:



いかがでしたでしょうか?

機会があればぜひ参考にしてみてください。
少しでもお役に立てたら幸いです。

最後までご覧いただきありがとうございました!

この記事が気に入ったらサポートをしてみませんか?