ゆうらいふ リクルートサイト

色も動きも多種多様

「十人十色」がテーマのリクルートサイト。多様性を背景のカラフルなオブジェクトが繊細かつドラマチックに表現しています。FVでは細い帯のような形状ですが、コンテンツが切り替わるたびに虹、花形、グラデーションの背景…とその姿を変えていきます。
このようにバリエーション豊富な動きをしますが、色のトーンが淡く線も細身に統一されているため、全体としては派手過ぎず柔らかいイメージ。大胆さと繊細さのバランスが取れた美しい表現に思わずひきつけられます。

ハンバーガーメニューをクリックすると、なんとこのオブジェクトがメニューページの背景に。ページの切り替わり方が自然で、流麗な印象です。

見出しの手書き文字は、光が反射しているかのように虹色→黒に変化しながら出現します。さりげないエフェクトでありながら印象的で、サイトのトンマナにもマッチしています。

穏やかに動くホバーエフェクト

優しく繊細な印象づくりはホバーエフェクトにも。リンク部分をホバーすると、すっと柔らかいシャドウがついたり、色が反転したりします。スピードがゆっくりめに設定されているので、穏やかさを感じますね。
トップページのRecruitment部分では募集職種ごとに色分けがされており、ホバーのシャドウも同じ色となっています。上述のカラフルな要素が内容の差別化にも役立っています。