大津赤十字看護専門学校サイト
概要
大津赤十字病院様のWebサイトリニューアルに合わせて、滋賀県大津市にある大津赤十字看護専門学校様のホームページのリニューアルも担当させていただきました。 大津赤十字看護専門学校様は滋賀県大津市に明治37年に誕生した歴史と伝統ある看護専門学校です。確かな技術力と温かい心を持った質の高いサポートができる看護のプロをこれまでにも多く育成されてきました。 今回はそんな素晴らしい学校の魅力がより伝わるWebサイトへと一新するため、病院サイトのリニューアルに合わせて弊社にリニューアルをご依頼いただきました。
また、学生達に情報をいち早く伝えられるよう、更新等運営管理をスムーズに行えるよう、CMS Drupalを用いたサイト制作を行いました。
目的
今回のリニューアルでは以下の内容を重点に置きながらリニューアル作業を行いました。
- 入学を検討している学生さんへの訴求力の向上
- 掲載情報を見直し、アクセシビリティ・ユーザビリティへの配慮
- 更新頻度の高いページの運用管理コストの低減
デザイン
コンセプトキーワードは「強い意思・赤十字病院様らしさ」
幅広い層のユーザーが訪れる病院サイトと比べると、学校サイトを閲覧するユーザー層は限定されています。いろいろな学校のサイトを見比べながら「どこへ入学したらよいだろう・・・」と迷われている学生さんやその保護者の皆様に、他でもない「赤十字」で学ぶことの魅力が十分に伝わるようなサイトデザインを意識して制作を行いました。
コンセプトキーワードを「強い意思・赤十字病院様らしさ」に据えたことにより、他の看護学校様のサイトではなかなか取り入れられにくい「赤」と「黒」をキーカラーに選び差別化をはかっています。 また、真剣な眼差しをした横顔の看護学生と「強い意思」を感じさせるキャッチコピー等、よりコンセプトを際立たせる表現に工夫しました。
このホームページを見た学生さんが大津赤十字看護専門学校様で学ぶことで「こんな自分になりたい！」と思っていただけるようなデザインを目指しました。
フロントエンド面での工夫
UXを向上するためフロントエンド面にも力を入れて制作させていただいています。Javascriptを用いたページ表示時のエフェクトの実装や、Chart.jsによる円グラフ表示など楽しく閲覧いただける工夫をしています。
機能
機能面では、Drupal の標準モジュールを更新しやすようにカスタマイズさせていただきました。 お客さまが全ページを編集できるようにという要件をお聞きしていたため、どの機能も機能ごとに更新しやすくなるような工夫を加えております。 以下は、一部ではございますがご紹介いたします。
オープンキャンパス/資料請求フォーム
オープンキャンパスや資料請求の申し込みを利用者の方がオンラインでできるウェブフォーム機能をお付けしました。 Drupal の高機能モジュールを利用することで、単にフォーム受付を行う機能だけでなく、送信内容を確認したり CSV で一括出力したりできるウェブフォームの管理機能を一式ご用意しています。
グラフ生成
卒業後の進路を動きを加えたグラフを制作させていただきました。お客様側で、数字を打ち込んでいただけたら自動でグラフの倍率が変更されます。
メインスライドショー
TOP ページの大きなスライドショーは Drupal の Views モジュール と Views Slideshow モジュールを使用して制作させていただきました。 画像、キャッチコピー、テキスト、リンクテキストとリンク先 URL のフィールドをそれぞれ作成し、Views モジュールで自動的に出力することでお客さまご自身の手で簡単にスライドショーの内容を変更していただけるようにお作りしております。
お知らせ投稿機能 + スライドショー
弊社標準の新着情報機能をお知らせ投稿機能として制作させていただきました。 TOPページにはスライドショーのお知らせ一覧ブロックを実装しており、カルーセルタイプのスライダー、スライドコントロール用のナビゲーション、フリックでの移動などの機能を持ちあわせております。
案件概要
| クライアント名 | 日本赤十字社 大津赤十字看護専門学校 様 |
| URL | https://www.otsu-sn.jrc.or.jp/ |
| Drupal バージョン | Drupal 7 |
| ジャンル | 法人・施設・団体サイト |
| デバイス | PC／スマートフォン／タブレット |
| 当社スコープ | デザイン／Drupal導入／コーディング／システム要件定義／マニュアル作成・研修／プロジェクト管理 |
| プロジェクト期間 | 約4ヶ月半 |