Recruit Design – 【構成のポイント】MPX採用ページ その④

こんにちは！採用制作チームです！

弊社(スピカデザイン)で制作した採用サイトの実績を以下のポイントに着目して、全4回にわたってお伝えするシリーズです。

• 第1回「制作サイトのご紹介」
• 第2回「構成のポイント」
• 第3回「デザインのポイント」
• 第4回「コーディングのポイント」←イマココ！

今回は制作プロジェクトの構成に関して掘り下げてご紹介します！

それではどうぞ！

「MPX採用ページ」

今回も前回に引き続き、株式会社MPX様の採用ページをご紹介してまいります。

概要については、第1回「制作サイトのご紹介」をご覧ください。

コーディングのポイント

サイト全体の統一感を保ったページの追加

今回は既存のコーポレートサイトに、新しく採用ページを追加とのことでしたので、他の既存ページとトーンやデザインルールをを合わせて実装いたしました。

余白間や文字のサイズも他のページと合わせているため、サイト内遷移をしても、「このページだけ違う」という違和感をユーザーに与えることはございません。

▼左が既存のページ、右が今回追加した採用ページ

凝ったデザインの採用

ページ内に複数の凝ったデザインを採用することにより、リッチで飽きずにご覧いただけるデザインに仕上げております。

▼複数の写真を見せながらも、一枚にフォーカスをさせるスライダー

▼動きのあるホバーアニメーション

カンタンに更新できる募集要項

募集要項は、すべてWordpressで編集可能にしております。

項目見出し・項目内容ともに編集可能にしており、今後いらなくなった項目はご自身で消してしまうことも可能なので、運用も自社完結が可能な仕様です。

▼実際に見えているサイト

▼Wordpressの編集画面

まとめ

いかがだったでしょうか？

全4回にわたりMPX様の採用ページのご紹介をしてまいりました。コンパクトなボリュームですが、構成・デザイン・コーディングと、それぞれのこだわりポイントをしっかり盛り込んで制作させていただきました。
是非この記事を見たうえで、実際のウェブサイトを閲覧してみてください。

次回からは別の実績のご紹介をさせていただきます。

お楽しみに！

制作のご依頼は・・・

スピカデザインでは、採用サイトの制作だけではなく、企業サイト・サービスサイトなどのウェブサイト制作、ロゴ制作や動画制作、パンフレットやチラシなどのデザインも承っております。
貴社の魅力をデザインの力で最大化するお手伝いをさせていただきます！

「一を聞いて十にする」

ぜひお気軽にご相談ください！