masayuki kano

OkamuraRecruit Site

Coding Only
visit sitevisit site
Works02
works02
works02

outline

オフィスをはじめ、医療・商業施設などの空間のトータルプロデュースされている株式会社オカムラ様の採用サイト制作において、コーディングを担当いたしました。

視線誘導を考慮した
アニメーションの実装

下層ページタイトルのアニメーション。タイトルのテキストを残したままラインが出現し、最後にヘッダーが表示されます。タイトル周りの要素を一旦取り除いておくことで余白を生み、意図的にタイトルにユーザーの視線がいくように演出を設計しました。

遷移先の表示内容も考慮し、
より使いやすく

募集要項へのリンクボタンについて、クリックすると関連ある職種のタブが自動的に開かれた状態でページ遷移します。そのような仕様でなくともユーザー自身でタブを切り替えれば支障はありませんが、自動的に内容を切り替えておくことで、 ユーザーはすぐに見たい情報を閲覧することができると考え、このような実装をしました。