パスワードを入力してください

池田菜々子のポートフォリオ

九州風雲堂販売株式会社 採用サイト

医療機器販売会社の採用サイトをリニューアルしました。社員の皆さんが医療への強い好奇心を持ち、夢中で働いていることが当社の特徴です。今回のリニューアルでは、その魅力を最大限に伝えることを軸に制作を進めました。

メインビジュアルでは、奥行きを感じさせるスクロールアニメーションを用いて、キャッチコピーに通じる“沼る”世界観を視覚的に表現しています。思わず読み進めたくなるような、引き込まれる動きを意識してデザインしました。

https://fuundo.jp/recruit/
九州風雲堂販売株式会社 採用サイト モックアップ

💭 課題

  • 旧サイトの「熱血営業」というイメージと、実態である「知的好奇心の強い文化」の乖離
  • 入社前後のイメージのギャップによる内定辞退や早期退職が発生していた
  • 教育体制や業務内容など応募者が知りたい点が見えにくかった

🔍 ターゲット

  • 医療や整形外科という専門分野に興味がある人
  • 知識習得や探求することに喜びを感じる人

📃 目的

  • 社員のマインドを正しく伝え、自社にマッチした熱量の高い求職者を引きつける
  • 入社後のイメージギャップを解消し、内定辞退の防止と早期退職の抑制を図る
  • 教育体制や業務内容を明確に開示し、応募者の不安を解消する

💻 デザインのハイライト

「夢中になって働く社員のマインド」を伝えるため、アクティブなトーンに統一しました。配色は、ロゴのネイビーと赤の明度・色相を調整し、堅さを払拭した親しみやすい配色に落とし込んでいます。また、実際の医療器具の切り抜きを随所に配置することで、社員が扱うプロダクトに直接目を向けさせ、仕事の専門性を視覚的に伝えています。

九州風雲堂販売株式会社 採用サイト デザインビジュアル

トップページView Page

採用のコンセプトである「仕事に“沼っていく”感覚」をメインビジュアルで体現しつつ、意味のない装飾的なアニメーションを避け、MV自体がコンテンツとなるような設計にしました。

  • “沼る”世界観を表現するため、スクロールに合わせて社員手書きの「沼だと感じるポイント」が現れる奥行きアニメーション
  • アニメーションによる操作ストレスを防ぐため、ナビメニューは最初から上部に常駐させ、関心度の高い「募集要項」へ遷移しやすい設計に

社員インタビューView Page

求職者が等身大の働く姿をイメージできるよう、重要コンテンツであるインタビューページは、運用コストとデザインのクオリティを両立させた設計にしました。

  • メインとサブのインタビュー設計:特に見てほしい記事をピックアップしてデザイン・コンテンツ両面で差別化した「固定ページのメインインタビュー」と、クライアント側で手軽に更新できる「WordPress投稿機能を用いたサブインタビュー」に切り分けて構築。
  • ターゲット層へのアプローチ:職種や勤続年数でインタビューを絞り込める検索機能を実装し、求職者が自分に近いロールモデルの声をスムーズに見つけられる動線に。
九州風雲堂販売株式会社 採用サイト 社員インタビュー・社員対談

Other Works

See All Works