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

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

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

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

ファーストビューで表示されるスライドショーは業務中の風景の写真に半透明のホワイトとグリーンでキャッチコピーを重ね、みずみずしさを感辞させます。鮮やかなエメラルドグリーンをアクセントに使い、淡いグレーとホワイトでコンテンツをエリア分けして、ホ...

ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...

採用サイトとしてトップページにはビジョン、サービス、メッセージを端的に写真とともに動きのある案内をすることで伝えたい内容が明確に理解することができます。その上でより詳細を知りたいユーザー向けに会社概要、採用情報を案内しています。最下部にはエ...

銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...

ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...

ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...

ファーストビューは画面上と左を大きく開けてタイトルとナビゲーションを配置し、スライドショーを画面下に寄せた変則的なレイアウトです。ホワイトの帯を生かしたすっきりとしたレイアウトの中に、縦長のアルファベットのフォントがスタイリッシュな印象を与...

サイトにアクセスすると、議員のポートレートが全画面に表示され、人物の魅力を全面に押し出しています。鮮やかなブルーをアクセントにしたフラットなテイストが信頼感と堅実さを感じさせ、極太のブロック体で力強いイメージを与えるデザインです。活動内容は...

白を背景に緑にてイラストや文字を表現しており統一感のある清潔な雰囲気のホームページです。トップページ最上部にはグローバルナビゲーションに加え、電話とメールのアイコンのボタンを用意しスムーズに問い合わせぎできるように配慮されています。 ファー...