さわやかなミントブルーの背景に、ふわふわと浮かぶドットのアニメーションが印象的なファーストビューです。アニメーションの左右にはアイソメ図風のイラストアイコンが配置され、クリックするとスライドショーのように移動してコンテンツの概要が表示され、moreボタンをクリックするとエリア内にコンテンツが表示される構成となっています。小さなエリアの中にすべてのコンテンツが収まったミニマルなサイトながら、アニメーションの動きとイラストのユニークさで見ていて飽きないサイトです。
執筆者
カテゴリ
基本情報
ホームページ制作会社に関連するデザイン
-
「株式会社バックス」のホームページデザイン解説サイトを開くと画面幅いっぱいにムービーが再生され、とんかつが出来上がるまでの様子を実写の動画と手書き風のアニメーションでストーリー風に流し、最後に大きく中央にキャッチコピーが配置されます。画面幅をいっぱいに使ってコンテンツのリンクをタイル状...
-
「STUDIO HAS」のホームページデザイン解説サイトを開くと画面いっぱいに朝焼けの海の写真が表示され、その上に画面左からタイトルとキャッチコピーが大きくスライドしてくるファーストビューです。マウスホイールの回転に追従して画面は横方向のみにスクロールし、画面の右から文章が視差効果を伴って...
-
「株式会社aircord」のホームページデザイン解説サイトにアクセスすると3DCG風に描かれた企業ロゴと、SF映画を思わせる独特のフォントで書かれたキャッチコピーがまず目を引きます。実績紹介ではパノラマ風に画面幅いっぱいに配置された3枚のムービーの上に袋文字でタイトルが書かれ、マウスオーバー...
コーポレートサイトに関連するデザイン
-
「株式会社彩企」のホームページデザイン解説日没直前の空をバックに、街灯や照明の明かりが映えるマンションを大きく映した写真を大きく配置し、画面左上にキャッチコピーを配置したビジュアルが目を引くファーストビューです。企業コンセプトの紹介はインフォグラフィックを取り入れており、企業の強み...
-
「SOCSマネジメントシステムズ株式会社」のホームページデザイン解説サイトにアクセスすると画面左にキャッチコピーが表示され、その背後にゆっくりとスライドショーがフェードインするファーストビューです。落ち着いたブルーをアクセントにした色使いで、一部のリンクボタンやお問い合わせフォームの背景には鮮やかなグラデー...
-
「オートサロンR’tech」のホームページデザイン解説サイトを開くと洗車中の車の写真が表示され、その上に配置されたキャッチコピーは大きめのフォントに斜体をかけ、フォントの大きさに変化をつけて目を惹きつけます。余白のホワイトを生かした1カラムのすっきりとしたレイアウトで、インフォメーションやお問...
ブルーを使ったデザイン
-
「本郷メディカルソリューションズ株式会社_M&A」のホームページデザイン解説メインビジュアルでは力強いキャッチコピーとともに企業の実績をラベル風のデザインで大きく表示し、サイトを訪れたユーザーに信頼感を与えます。さわやかなブルーグリーンをメインに、オレンジとネイビーをアクセントカラーにした色使いが鮮やかでパッと目を...
-
「弁護士法人千代田中央法律事務所_M&Aアドバイザリー」のホームページデザイン解説メインビジュアルは3枚の写真が切り替わるスライドショーで、下半分にブルーのグラデーションがかけられ、その上にキャッチコピーと、透明度を下げた英語のタイトルを配置した構成です。ブルー系でまとめられた色使いは落ち着きと信頼感を感じさせ、くすんだ...
-
「116コーチング＆パートナーズ合同会社」のホームページデザイン解説メインビジュアルは写真の上に企業ロゴとキャッチコピーを重ねたスライドショーで、キャッチコピーは視認性を上げるために背後に白のシャドウを入れています。ブルー系でまとめたビジネス色の強い色使いで、信頼感を与えるデザインです。サービス紹介のサムネ...
かっこいいなホームページのデザイン
-
「NTTデータ ルウィーブ株式会社_ネットワークコンシェルジュ」のホームページデザイン解説メインビジュアルは主要なサービスの紹介を5枚のスライドショーで紹介しており、写真は明度をやや下げて上に配置したキャッチコピーが読みやすくなるよう配慮されています。ブルー系を中心にしたビジネス色の強いビジネス色の強い色使いですが、テキストボッ...
-
「株式会社 中央製版」のホームページデザイン解説サイトを開くとまず、鮮やかなブルーのグラデーションの上に重ねられたキャッチコピーが目に入ります。メインビジュアルの上には4枚の写真がそれぞれ別の色のグラデーションを重ねた状態で配置されており、それぞれがコンテンツのアンカーリンクとなっていま...
-
「JEJアステージ株式会社_outre」のホームページデザイン解説スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
