プロジェクト概要
安心感と信頼感が伝わるコーポレートサイトを目指して制作いたしました。
WordPressで構築した、東京・大手町の株式会社東京リワーク研究所様のコーポレートサイトです。復職支援（リワーク）の調査研究と、企業向けの精神科顧問医サービス、休職者・医療機関・会社をつなぐRecopサービスを手がける同研究所の事業を、復職に悩む企業へ向けて伝える構成にしました。東京リワーク研究所とは・精神科顧問医サービス・Recopサービス・お知らせ・書籍・DVD・お問い合わせの6項目で、所長挨拶、研究所概要、サービスの流れ、HEADLINE NEWSを掲載しています。
復職の判断に悩む企業の人事担当者や産業医に向けて、精神科専門医による支援という専門性の高いサービスを、信頼感をもって伝えたい。精神科顧問医やRecopといったサービスは一般には知られていないため、初めて訪れた企業担当者にも内容が伝わり、問い合わせにつながる構成が必要でした。
東京タワーと街並みを見下ろす写真に白い明朝体のコピーを重ね、企業向けの専門機関らしい落ち着きと格を最初の画面で印象づけました。左のパネルにはロゴの直下にアイコン付きの6項目を縦に並べ、目的のページへすぐ移れる構成に。HEADLINE NEWSは写真つきのカードで並べ、その下に精神科顧問医、Recop、研究所紹介、書籍・DVDを順に続けて、理解から問い合わせまで一本の流れでたどれるようにしました。
制作のポイント
東京の街並み写真に白文字のコピーを重ねる
最初の画面は東京タワーと街並みを見下ろす写真を全面に使い、中央に「復職困難事例でお悩みの企業様に、より専門性の高い専門医による支援をご提供します」を白い明朝体で重ねています。左上の白いパネルに金色のエンブレムと「東京リワーク研究所」のロゴ、右上にキーワード検索の窓を置いています。
左のパネルに縦並びのメニューをまとめる
ロゴの直下に、東京リワーク研究所とは・精神科顧問医サービス・Recopサービス・お知らせ・書籍・DVD・お問い合わせの6項目をアイコン付きで縦に並べ、金色の帯で統一しています。スマホではこのメニューを右上のボタンにまとめ、写真とコピーを縦長で見せています。
HEADLINE NEWSを写真つきのカードで並べる
「HEADLINE NEWS」の見出しの下に、日付と「ニュース」のラベル、タイトル、本文の冒頭を写真つきのカードで並べ、「過去のニュースを見る」から一覧へ案内しています。お知らせはWordPressで更新できる構成で、以降に精神科顧問医サービス、Recopサービス、研究所紹介、書籍・DVDの各セクションが続きます。
デザイン
