ファーストビュー 全面にムービーが流れて、その上に表示されたキャッチコピーが非常に印象的なデザインです。スクロールしていくと、「スペシャリストたちのCAREER」というコンテンツの表示が、モノクロ写真をリンク画像として設置していて、スタイリッシュな演出となっています。職種紹介ページへのリンクにも写真を使ってわかりやすく、同様にかっこいい雰囲気でまとめられています。「プロフェッショナルエピソード」というコンテンツでは実際の事件に絡めて仕事内容を紹介しており、ユーザが興味を感じて閲覧できる工夫が施されています。かっこよくまとめられた、「警察官」という仕事をしっかりとPRした採用サイトに仕上がっています。
執筆者
カテゴリ
基本情報
採用・リクルートサイトに関連するデザイン
-
「ISHIZAKA GROUP RECRUIT 2021」のホームページデザイン解説大きな画像がファーストビューに表示されて、インパクトのある演出になっています。画像中央には鮮やかなピンク系のカラーで文字が配置されていて、ストレートに内容が伝わる構成がしっかりと考えられています。上部にはナビゲーションメニューが設置されてお...
-
「Chatwork採用サイト」のホームページデザイン解説全画面表示のファーストビュー画像がインパクトのある演出になっていて、次々と画像が切り替わっていく仕組みが思わず見入ってしまうような効果となっています。スクロールした先でも大きく画像が用いられていて、「Mission」の項目ではコマ撮りムービ...
-
「カンテレのチカラ」のホームページデザイン解説ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...
グレーを使ったデザイン
-
「TEPRA PRO App “Hello”」のホームページデザイン解説サイトを開くと画面中央に大きくCGグラフィック表示されて、一連のモーションによって商品の概要や特徴が紹介されています。説明的な文章は無く、オブジェクトの動きによって直感的に内容が理解できるデザインが、しっかりとユーザ視点を考えているとともに...
-
「syn」のホームページデザイン解説画像領域が左側に大きく表示されており、大きなエリアと小さなエリア2つに分けられた構成が見やすくユーザの関心を得るデザインになっています。右上にはドロアーで隠されたナビゲーションメニューが固定表示されていて、スムーズな閲覧が可能な設計となって...
-
「Nissen On-line」のホームページデザイン解説ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューでは右から左へ、ニッセン通販のセールやキャンペーン情報をスライドさせています。グローバルナビにて、ファッション以外にインテリアや雑貨、美容・レジャー・ワークなどを案内して...
かっこいいなホームページのデザイン
-
「Elias & Valentin」のホームページデザイン解説斜めに並んだ複数の画像がスクロールと連動して動く仕組みがファーストビュー画像領域に展開されており、目を引く演出がしっかりと考えられています。ファーストビューではブラックの背景にホワイトの文字を使うことでメリハリの効いたスタイリッシュなイメー...
-
「FRAMED* Mono X7」のホームページデザイン解説ファーストビューではディスプレイの画面が回転し、その中で次々を画像が切り替わっていくムービーが展開されていて、商品の情報がストレートに伝わる演出が施されています。説明が無くても映像で商品を知ってもらえるような作りになっていて、ユーザが直感的...
-
「Utrust」のホームページデザイン解説ファーストビュー全体を使ってシステムの説明モーションが展開され、一連のモーションがサイトを開いてまず目に飛び込んでくることでインパクトのある演出が施されています。思わず見入ってしまうような驚きのある展開で、サイトの導入として効果的な演出です...