百人百色！「あなたはどう在りたい？」を問うカラフルな採用サイトのWebデザイン

Webデザイン３つの良いとこ : 3 Good Point!

どんどんクオリティが上がっていく採用サイトのWebデザインをレビュー。まずは先日世界23カ国のトップページの比較をした、Yahoo!JAPANの2014年採用サイトをレビューします。カラフルに採用コンセプトを伝えるWebデザインは、人間味が溢れるデザインとして優れています。

採用サイトトップには「採用宣言」というタイトルで、今期の採用コンセプトを宣言しています。それは、「あなたはどう在りたいのか？」という問いを投げかけるものです。

それにちなんで、サイトでは現役社員100名に「Be ○○？」と、どう在りたいのかの回答を掲載しています。

まさにそれは百人百色。カラフルに人々を表現し、ヤフーには色々な人がいる。ヤフーではこんな人達が働いている。ということをアピールしています。同時にヤフーには色々な人がいて、そして色々なサービスがある。ということにも別ページではつなげています。

「色々」この言葉がこの採用サイトにはぴったり合いますね。

サイドバーもそんなカラフルを表現する大事に要因になっています。トーンを同じくして色を並べると綺麗ですよねー。今までもカラフルなWebデザインをレビューしてきましたが、

サイドバーが小さいながらも効果的にカラフルをアピールしている、このようなスタイルのものは初めて観たかもしれません。

■■■

また、このサイドバー、PC画面だとスクロールで可愛くついてくるのもカラフルを強く魅せ過ぎない働きをしていますよね。

採用サイトでは利用していませんが、これはjQueryを利用して実装することができます。

Scroll Follow jQueryプラグインを読み込ませて、


<script type="text/javascript">
 $( '#example' ).scrollFollow();
</script>

を対象に設定するだけ。パラメータを設定してより高度なメニューの動きも実現できるので、気になったらぜひ配布サイトを御覧ください。

いかがでしたでしょうか。どう在りたいのか？という採用コンセプトを、「色」と合わせてうまく表現しているWebデザインだと私は思いました。勉強になります。

採用サイトは毎年毎年、クオリティが上がってきています。それは企業が採用に力を入れているということを意味していますし、企業によっては「一般人」が観る唯一の企業ページになるかもしれないというほどに、重要なページとなる可能性もあるからでしょう。

そういった意味で、採用サイトのWebデザインというのは勉強する箇所が多い。これからもどんどんWebデザインレビュー、していきたいと思いました。

今日参考にさせて頂いたサイト

Twitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。ぜひフォローしてください！