サイト全体がフラットデザインでまとめられていて、現代的でおしゃれな雰囲気が演出されています。使われているカラーもマットなカラーを用いており、統一感のあるデザインが見ていて気持ちの良い構成となっています。ファーストビューの画像領域には大きく写真が一枚表示されており、インパクトのある表示がユーザの興味を抱かせる工夫となっています。画像領域と接するように企業ロゴが流れてくる表示も実装されており、閲覧するユーザが興味のある企業を見つけやすい構成です。スクロールしていくと現れる新着求人の表示にはサムネイル画像を用いていてアイキャッチの効果と、内容がイメージしやすい構成によってしっかりとユーザ支店が考えられています。
執筆者
カテゴリ
基本情報
採用・リクルートサイトに関連するデザイン
-
「株式会社ソルブレイン採用サイト」のホームページデザイン解説ファーストビューで表示されるスライドショーは業務中の風景の写真に半透明のホワイトとグリーンでキャッチコピーを重ね、みずみずしさを感辞させます。鮮やかなエメラルドグリーンをアクセントに使い、淡いグレーとホワイトでコンテンツをエリア分けして、ホ...
-
「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
-
「Casa採用サイト」のホームページデザイン解説採用サイトとしてトップページにはビジョン、サービス、メッセージを端的に写真とともに動きのある案内をすることで伝えたい内容が明確に理解することができます。その上でより詳細を知りたいユーザー向けに会社概要、採用情報を案内しています。最下部にはエ...
ホワイトを使ったデザイン
-
「GINZA WEDDING BOOK 25ans」のホームページデザイン解説銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
-
「WEEK END」のホームページデザイン解説ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
-
「美容室MILLOR」のホームページデザイン解説ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
フラットなホームページのデザイン
-
「Wolf & Whale」のホームページデザイン解説ニューヨークのデザイン事務所のコーポレートサイトです。サイトにアクセスするとまず鮮やかなブルーのベタが画面全体を横切り、画面が切り替わるとグレーをベースとしたモノトーンの色使いの中にわずかに使われたブルーの文字でデザインされた画面が目を引き...
-
「京都みなみ会館」のホームページデザイン解説ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
-
「株式会社アリシア」のホームページデザイン解説鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう？と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意...
