メインビジュアルに採用情報へのリンクを重ねて表示させ、マウスオーバーで下層ページのリンクを見られる構成になっており、すぐに情報が見たい訪問者への利便性を配慮しています。コンテンツの見出しはフォントの種類と大きさだけでメリハリをつけ、カルーセルメニューやコンテンツ間の写真も余白をきっちり取り、ドットの太いボーダーがアクセントになっています。下層ページは募集対象によってイラストを使った親しみやすいページにしたり、経営者の写真をトップに据えた堅実な作りにしたりと、差別化を図っています。
執筆者
カテゴリ
基本情報
ファッション小物に関連するデザイン
-
「S-Rush」のホームページデザイン解説ファーストビューで大きく画像が使われており、右から左に流れていく仕組みになっていることでユーザの興味を抱かせる工夫となっています。画像領域の上部には「メンズ」「レディース」などの項目が表示されており、ユーザの状況に合わせてページを選択できる...
-
「Henrik Larsson」のホームページデザイン解説全面ブラックのサイトカラーが印象的でインパクトのあるデザインとなっています。また画面左端にナビゲーションメニューが固定表示されたスプリットレイアウトになっていることでサイトの内容が分かりやすく、スムーズな閲覧が可能な設計がしっかりと考えられ...
-
「PATRICK」のホームページデザイン解説サイトを開くと大きく表示された写真が目に飛び込んできて、インパクトのある演出が施されています。画像はスライドショーで切り替わる仕組みになっており、ユーザの興味を抱かせる工夫がしっかりと考えられています。スクロールしていくと特集記事の項目が展...
採用・リクルートサイトに関連するデザイン
-
「ISHIZAKA GROUP RECRUIT 2021」のホームページデザイン解説大きな画像がファーストビューに表示されて、インパクトのある演出になっています。画像中央には鮮やかなピンク系のカラーで文字が配置されていて、ストレートに内容が伝わる構成がしっかりと考えられています。上部にはナビゲーションメニューが設置されてお...
-
「Chatwork採用サイト」のホームページデザイン解説全画面表示のファーストビュー画像がインパクトのある演出になっていて、次々と画像が切り替わっていく仕組みが思わず見入ってしまうような効果となっています。スクロールした先でも大きく画像が用いられていて、「Mission」の項目ではコマ撮りムービ...
-
「カンテレのチカラ」のホームページデザイン解説ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...
レッドを使ったデザイン
-
「名古屋グランパス」のホームページデザイン解説ページ全体としては白と本サイトで紹介されているサッカーチームのロゴに用いられている赤とオレンジを用いた明るく楽しい印象のホームページです。ファーストビュー画像の下には最新の試合情報が掲載されています。いつ、何時にどこのチームとどの場所で戦う...
-
「NBA.com (Japan)」のホームページデザイン解説グレーをベースに、レッドやブルーをアクセントにしたサイトです。ファーストビューでは、スポーツニュースを紹介しています。グローバルナビにて試合の日程やスコア、個人の成績や順位表などを案内しています。試合スケジュールのカレンダーを表示しています...
-
「ロッテオンラインショップ」のホームページデザイン解説ベージュをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、ロッテの新商品やキャンペーン情報をスライドさせています。グローバルナビにてロッテのブランド商品、キャンペーン・特集などを案内しています。キャンペーン・特集の...
かっこいいなホームページのデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...