《web制作ディレクション》リアブロードコーポレートサイト
株式会社リアブロードコーポレートサイトのリニューアルで全体のディレクションを担当しました。
制作期間:4ヶ月
担当領域:進行・アートディレクション、要件定義、サイトマップ作成、ワイヤー作成、原稿作成、写真撮影ディレクション
マネジメント人数:3人
会社創業時に制作してから3年以上が経過し、会社規模や社風も大きく変化していたため正式にコーポレートミッションを刷新したタイミングでリニューアルを実施しました。
コーポレートミッションを”みんなの成長をつくる会社。”と掲げ、若い会社で常に新しいことにチャレンジしていく姿勢の社風を表現しました。
社風をリアルに感じてもらえるようメンバーの写真を随所に散りばめ、明るく暖かい雰囲気に。
白ベースで余白をたっぷり使い、整ったレイアウトにすることで爽やかで落ち着いた印象に。
ファーストビューの人物がどんどん変わっていくアニメーション、サイトTOPのスクロールで大胆に切り替わるデザイン、サイト全体に流体シェイプのアニメーションを採用、サイトイメージに合わせたメンバーのスタイリングやポージング等で遊びごころを表現。
様々なステークホルダーと達成したい目的のバランスを考えながら、デザインを考えました。
要件定義
《リニューアルの経緯》
- コーポレーションミッションの刷新により内容が大きく変更されたため
- 事業拡大に伴い、人数や社風も大きく変わっているため
- 3年以上前に制作したもので伝えたいイメージと違うデザインだったため
- 静的ページのみで更新機能がなく更新しづらかったため
会社創業時に制作してから3年以上が経過し、会社規模や社風も大きく変化していたため正式にコーポレートミッションを刷新したタイミングでリニューアルを実施しました。
《サイトの目的》
- 留学サービス「スマ留」の利用者や親御様への信頼感向上
- 採用活動においてより深く会社のことを理解してもらうこと
- BtoB取引での信頼感向上
コーポレートサイトの果たすべき目的が複数あったため、それぞれに与える印象を考えてバランスを取りながらコンセプトを決定していきました。
《サイトのコンセプト》
” 遊びごころがあるけど知的 ”
《サイトイメージマップ》
《カラー》
ベースカラー:白(#FFFFFF)
キーカラー:オレンジ(#ff9a17)
文字色:薄めの黒(#1E1E1E)
《フォント》
欧米フォント:Hind Vadodara
日本語フォント:a-otf-midashi-go-mb31-pr6n、游ゴシック
成果
リニューアル後、採用担当者から「求人への応募が今まで以上に目に見えて多くなった」「一次面接の時点で、会社の理念や社風を深く理解した上でのぞむ人が多くなった」という嬉しい声をもらった。
《リニューアル前》
《リニューアル後》