「超薄膜が世界の技術を塗り替える。」採用サイト

プロジェクトの概要

株式会社ヒラノテクシード様の採用サイトリニューアルにおいて、Webデザインとフロントエンド開発を担当しました。

本プロジェクトでは、株式会社ジオコスが採用ブランディング、企画・設計、コンテンツ制作を担当。SAVVYでは、採用コンセプト「超薄膜が世界の技術を塗り替える。」をもとに、サイト全体のデザインと実装を行っています。

技術企業らしさを保ちながら、採用サイトとして見やすく

デザインでは、ヒラノテクシード様の技術企業としての印象を保ちつつ、学生にとって堅く見えすぎないバランスを意識しました。

黒を基調とした画面に、製造現場や社員の写真、グラデーションを用いたグラフィックを組み合わせ、サイト全体のトーンを統一しています。

また、事業紹介、社員インタビュー、研修制度、仕事内容など、内容の異なるコンテンツが続くため、すべてを同じ見せ方に揃えるのではなく、それぞれの内容に合わせて写真の大きさや背景、余白の取り方を調整しました。

共通するタイポグラフィやグラフィックのルールを持たせることで、ページごとに見せ方を変えながらも、サイト全体では一貫した印象になるよう設計しています。

PCとスマートフォン、それぞれに合わせて調整

フロントエンド開発では、写真やグラフィックが重なるレイアウトを、PC・スマートフォンそれぞれの画面幅に合わせて調整しています。

特にスマートフォンでは、PC版をそのまま縮小するのではなく、写真やコピーの配置、余白、グラフィックの位置関係を見直し、限られた画面幅でも情報を追いやすい構成にしました。

デザイン上の特徴を保ちながら、各デバイスで無理なく閲覧できるよう実装しています。