【採用サイト】小さいコンテンツの存在感を極限まで高めるWebデザイン

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

んやー、すごい。ここまでするかーっていうくらい、細部までの作りこみが成されている企業採用ページ。リクルートホールディングスの多彩な仕事を、巧みに表現しています。並べてるだけなのに、この存在感はすごいなぁ。

トップページの仕事一覧。ただ並べてあるだけだったら、こんなに魅力あるコンテンツだとは思いません。この演出デザインは素晴らしい。

HTML5で表現し、Flashは用いられておりません。素直にすごい！と思いました。小さいながらも大きく存在感をアピールすることにHTML5の可能性を感じてしまうほど。canvasなどもっと勉強しようと本気で思いました。。。

トップページだけでなく、個別ページのテキストの読みやすさも抜群です。見出しがサービスカラーになっていたり、記事枠をうまくデザインしていたりと、可読性を上げることに非常に力を入れているのを感じます。

position:fixedをうまく使って、導線を常に確保しています。ここまで表示させたら迷うことなく、それぞれのコンテンツに集中できるというものですね。

また、トップページは無限スクロールをjQueryで実装していますが、それがWebデザインと非常に合っていて快適なページ閲覧を実現しているなと思いました。

このように有限に並べて表示させられているコンテンツは、無限スクロールを実装すると気持ち良く閲覧できるんですね。ですがそれを可能にしているのは、あくまでトップページを、小さいながらも大きく演出したこのデザインによるものだとも思います。

このように多彩な表現を私も出来るようになりたいな！と思ってしまう参考になるWebデザインでした。

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

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