画面中央に警視庁の仕事の様子がムービーで紹介されており、重ねられた「警視庁」の文字が厳格さを感じさせるファーストビューです。淡いブルーのグラデーションと濃いネイビーを交互に敷いてコントラストをつけた背景と、ベージュのアクセントカラーを敷いた明朝体のフォントのタイトルは堅実さを感じさせ、大きなアルファベットを組み合わせたコンテンツタイトルは若者向けのスタイリッシュさも感じられます。業務内容の紹介では写真と文章を組み合わせてドキュメンタリー風に構成して、読み応えのあるコンテンツとなっています。
執筆者
カテゴリ
基本情報
etcに関連するデザイン
-
「藍森山」のホームページデザイン解説トップページには映像をフルスクリーンで背景に使用し、藍染めの工房の作業風景を美しく表現しています。また、画面の左上には常にロゴマークが配置され、サイト全体での統一感を出しています。清潔感あるホワイトのバックに色鮮やかな写真の数々を配置した後...
-
「青山ブックセンター」のホームページデザイン解説トップページのスライドショーは縦幅をコンパクトにしたため、新刊書も含めて画面に表示されるファーストビューです。ナビゲーションメニューとフッターに使われた鮮やかなブルーがアクセントになったシンプルな色使いで、規則正しいレイアウトは実店舗で棚に...
-
「有福温泉ポータルサイト」のホームページデザイン解説ファーストビューは温泉に入る女性とその地域の自然や伝統芸能の写真で構成されたスライドショーが表示され、温泉街の風情と自然の豊かさを感じさせます。写真をランダムに重ねた上に明朝体のキャッチコピーを重ねた訴求エリアと、画面右から左に流れるカルー...
採用・リクルートサイトに関連するデザイン
-
「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
-
「株式会社ソルブレイン採用サイト」のホームページデザイン解説ファーストビューで表示されるスライドショーは業務中の風景の写真に半透明のホワイトとグリーンでキャッチコピーを重ね、みずみずしさを感辞させます。鮮やかなエメラルドグリーンをアクセントに使い、淡いグレーとホワイトでコンテンツをエリア分けして、ホ...
-
「Casa採用サイト」のホームページデザイン解説採用サイトとしてトップページにはビジョン、サービス、メッセージを端的に写真とともに動きのある案内をすることで伝えたい内容が明確に理解することができます。その上でより詳細を知りたいユーザー向けに会社概要、採用情報を案内しています。最下部にはエ...
ホワイトを使ったデザイン
-
「DaB」のホームページデザイン解説画面上部と左サイドに余白を持たせてナビゲーションメニューを配置し、全体にムービーを配置した上に大きく店舗ロゴを重ねた、シンプルながらも迫力のあるファーストビューです。色使いはモノトーンのシンプルなものですが、マウスの動きに追従する円形のカー...
- 「藍森山」のホームページデザイン解説
トップページには映像をフルスクリーンで背景に使用し、藍染めの工房の作業風景を美しく表現しています。また、画面の左上には常にロゴマークが配置され、サイト全体での統一感を出しています。清潔感あるホワイトのバックに色鮮やかな写真の数々を配置した後...
-
「となりのひきだし」のホームページデザイン解説トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
堅め・信頼感なホームページのデザイン
-
「京都国立博物館」のホームページデザイン解説メインビジュアルは美術館の外観や展示の告知が表示されるカルーセルとなっており、画面下には日付と開館時間が表示され、開館状況が一目でわかるファーストビューです。ホワイトと2色のベージュをベースにしたフラットなデザインで、フォントの大きさと太さ...
-
「済生会横浜市東部病院」のホームページデザイン解説ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
-
「One Day Dental」のホームページデザイン解説サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
