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