「京進採用サイト」のホームページデザイン解説

ファーストビューでは勉強にいそしむ子供の写真を全画面に使い、子供向けのサービスであることがまず一目で想定できます。コンテンツを読み進めていくと、ネットワークを活用した子供向けの学習プラットフォームであることが把握できる構成です。背景にはギリ...

青空を背景にした学生が空を指さす写真がまず目に入り、指さした先には地方別の検索ボタンが表示されており、自然に視線が誘導される構成になっています。サムネイルは写真の上に半透明のベタを重ねて、その上にホワイトのフォントでタイトルを重ねることで透...

明るいネイビーを背景として配置されたメインビジュアルにイエローとレッドの力強いロゴを配置してファーストビューで大きなインパクトを与えています。プラン紹介ではチャート図やイラストをネイビーでまとめた配色で配置し、信頼感のある、かつ親しみやすい...

大きな画像がファーストビューに表示されて、インパクトのある演出になっています。画像中央には鮮やかなピンク系のカラーで文字が配置されていて、ストレートに内容が伝わる構成がしっかりと考えられています。上部にはナビゲーションメニューが設置されてお...

全画面表示のファーストビュー画像がインパクトのある演出になっていて、次々と画像が切り替わっていく仕組みが思わず見入ってしまうような効果となっています。スクロールした先でも大きく画像が用いられていて、「Mission」の項目ではコマ撮りムービ...

ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...

ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...

ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...

サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...

サイトを開くと大きく表示された写真が目に飛び込んできて、インパクトのある演出が施されています。画像はスライドショーで切り替わる仕組みになっており、ユーザの興味を抱かせる工夫がしっかりと考えられています。スクロールしていくと特集記事の項目が展...

ホワイトをベースにブルーをアクセントにしたサイトです。トップページでは、水玉の中にP&Gのブランドを紹介しています。中央に「何かお探しですか？」と検索窓を設けています。スクロールすると、P&Gについていろいろわかります。グローバルナビにて、...

ナビゲーションメニューを画面左に固定したレイアウトで、鮮やかなスカイブルーのサイトロゴと、ダークグレーのメニューが信頼感を感じさせます。下層ページも淡いグレーをメインに、スカイブルーをアクセントカラーにしたフラットなデザインで、CGのイメー...