プロジェクト概要
安心感と信頼感が伝わるコーポレートサイトを目指して制作いたしました。
WordPressで構築した、一般社団法人日本うつ病リワーク協会様のコーポレートサイトです。休職者の復職支援（リワーク）を行う全国の医療機関の団体として、研究・啓発活動、施設・スタッフの認定、年次大会の開催を手がける活動を伝える構成にしました。リワークプログラムとは・協会について・入会案内・会員医療リワーク施設情報・医療リワーク認定施設・スタッフ認定・情報・資料・医療リワーク施設紹介の8項目に会員専用ページログインを備え、理事長挨拶、年次大会の案内、お知らせ、施設の訪問記事を掲載しています。
医療リワークを探す休職中の方やご家族、入会や認定を検討する医療機関、既存の会員施設という立場の異なる訪問者に、それぞれの入口を迷わせずに示したい。協会の信頼性を伝えつつ、年次大会やお知らせ、施設紹介といった更新頻度の高い情報を事務局が自ら発信し続けられる仕組みも必要でした。
ノートパソコンを囲む3人の写真に青と赤の半透明の円を重ね、協会の説明を白文字で載せて、誠実さと前向きさを最初の画面に込めました。ヘッダーの下には8項目のナビを丸いアイコン付きで横に並べ、目的のページへ一手で移れるようにしています。本文は年次大会の案内、お知らせ、医療リワークのご案内、書籍掲載、施設紹介の順に並べ、お知らせと施設紹介はWordPressで事務局が追加できる構成にしました。
制作のポイント
青と赤の半透明の円を写真に重ねる
最初の画面は、ノートパソコンを囲む3人の写真に、青と赤の大きな半透明の円を重ねたビジュアルです。黒いラベルの「Return to work support」に続けて、「うつ病などで休職する方の職場への復職支援を行う集まりです。」を白文字で載せ、ヘッダーには「お問い合わせ」と「会員専用ページログイン」のボタンを並べています。
8項目のナビを丸いアイコンつきで並べる
ヘッダーの下に淡い青の帯を置き、「リワークプログラムとは」「協会について」「入会案内」「会員医療リワーク施設情報」「医療リワーク認定施設」「スタッフ認定」「情報・資料」「医療リワーク施設紹介」の8項目を丸いアイコンつきで横に並べています。スマホではハンバーガーメニューにまとめています。
年次大会・お知らせ・施設紹介を自社で更新する
最初の画面の直下に「第10回 年次大会のご案内」のカードを置き、会期・会場・大会長・副大会長を並べています。続けて「重要なお知らせ」「医療リワークのご案内」「書籍掲載」、加盟施設を訪問記事で紹介する「リワーク施設紹介」の順に並び、お知らせと施設紹介はWordPressで記事を追加できる構成です。
デザイン
