実施した施策

ホームページ制作、写真撮影

概要・課題

自社でエンジニアを育成し、企業への派遣や紹介を行う事業を展開しているGrow Community様。コーポレートサイトは企業向けの情報が中心でしたが、リスキリングやキャリアチェンジを希望する個人が「どういう研修を経て、どんな成長ができるのか」を十分に把握できる場所が不足していました。ITエンジニアの需要が高まる中で、求職者に向けての具体例を示すリクルートサイトを用意する必要がありました。

ターゲット

• 新卒・第二新卒など、これからITエンジニアを目指す若年層
• 既存のキャリアからIT業界へ転身（リスキリング）を考えている社会人

デザインコンセプト

デザイナー　郷田靖雄

“ITの未来を、自分の未来に”

未経験からITエンジニアへと成長する“個人の変化”を、親しみやすく・信頼感を持って伝えるデザイン。
Grow Communityが“個の成長”に並走する存在であることをビジュアルとUXで表現し、「自分もできるかも」と感じてもらうことを目的としています。

デザインのこだわりポイント

デザイナー　郷田靖雄

1. 信頼感のある配色

• メインカラーにブルー系を採用し、誠実さ・知性・安心感を表現。

• アクセントにレッドやイエローを用いて成長・希望・活力を演出。

2. 余白とリズム感を重視したレイアウト

• 情報量が多くても“読み疲れ”させないよう、行間・ブロック感覚を広めに設定。

• スクロールに合わせて自然と情報が入ってくる視線誘導のUX設計。

3. アイコンと写真の使い分け

• アイコンを要所で使用し、固くなりすぎず、親近感ある雰囲気に仕上げました。

• 一方で信頼性が求められる場面では、実在の人物写真を配置し、リアルな説得力を担保しました。

４. モバイルファーストでの最適化

• 若年層を想定し、スマホでの閲覧時の体験を最優先。

• ボタンサイズやタップ領域の設計など、操作性を意識したUI。

UI・UXでこだわったポイント

デザイナー　郷田靖雄

コーポレートサイトと同様に「斜め」を取り入れたレイアウト構造のため文字が掛かったりすることのないように、上手く割合指定などを行いレスポンシブ表示での崩れが無いようテストを重ねています。

WordPressの仕様

コーポレートサイトとは別に求人に特化したサイトとして必要な情報を「カッコよく」配置できるようにしています。
表向きなシステム的な部分こそ少ないですが、検証をするためのツールをメインにしています。

担当者からのコメント

ディレクター　吉田将之

Grow Community様は「未経験者に寄り添いながら」成長をサポートする体制が整っていました。私たちは研修カリキュラムや卒業後のキャリアパスを深堀りし、「これなら自分にもできそう」と思えるような情報設計を行いました。撮影させていただいた写真を、その他の求人媒体にもご利用されるなど気に入っていただけたこと。また新卒だけでなく、社会人の方のリスキリングニーズが高まるタイミングで、社会的に意義がある事業に携われる喜びもありました。

関わったメンバー

ディレクター　吉田将之

デザイナー　郷田靖雄、太田藍子

コーダー　常磐井亘、太田藍子

フォトグラファー　池田聡一朗