- category
- 医療
- 制作期間
- 約6ヶ月
- URL
- https://hyogo-yobouigaku.or.jp/
ご相談内容
規模の大きい医療関連施設様より、ホームページのリニューアルの相談をいただきました。ご相談の内容はデザイン・内容共に古くなったため、最新の内容にリニューアルしたいので最適なリニューアルのプランを提案して欲しいとご要望いただきました。改善点はとして、１つのドメイン内に2つのサイトが共存しており1つにまとめたい。重複する情報や古い情報を整理し、お客様が求める情報に一新したい。お客様が訪問した際に一番にお知らせしたい内容が分かり難いため改善したい。定期的に更新したいぺージがあるが自身で更新するのが難しいので改善したい。スマートフォンはもちろんタブレット・パソコンなどどの端末でも見やすく、高齢の方でも見やすくなどユニバーサルデザインを心がけて欲しい。などご要望をいただきました。
リニューアル前
スッキリとしたデザインですが、訪問して最初に表示される内容が施設の外観写真のみとなり、訪問者の方に伝えたい内容が表示されていません。また、メイン写真見栄えを優先させるために、グローバルナビゲーションを透過させてしまっているため、メニューを見つけにくく文字も読み難い状況です。
トップページリニューアル後
ファーストビューで外観写真・キャッチコピー・サービスメニュー、お知らせ・セミナー情報が閲覧できる仕様となります。グローバルナビゲーションについても主要サービスの健康診断・人間ドックと気になる施設のアクセス情報を目立つように設置しています。
ホームページのリニューアルについて
既存のホームぺージは、ページ数も多く、サービス内容が多いためページ構成も複雑なため、目的のページにスムーズにたどり着いていただくよう設計することが重要になります。
サイトを調査した際に一番気になったのは、ナビゲーションの問題でした。まず、ホームページにアクセスした際のファーストビューが施設のイメージ写真がスライドで表示されているのみという状況で、お客様が気になる新着情報・サービスへの案内・アクセス案内への導線が無いという事がまずの改善点と思いました。グローバルナビゲーションについても、外観写真の見栄えを優先させるために透過されていることもユーザービリティーの面で改善が必要と感じました。また、グローバルナビゲーションの各項目をマウス―バーするとプルダウンで表示される仕様となっていましたが、マウスオーバーという操作はパソコンのみ有効となるため、タブレットやスマートフォンでは機能しないため問題があると思いました。また、各ページ重複するページや内容があり、リンク等が複雑になっていることもホームページ内で迷子になる可能性があるので注意が必要です。
リニューアル後は、ファーストビューでお知らせやセミナー情報、メインサービスやアクセス案内が一目で分かるように配慮したレイアウトに変更しました。デザインについては、年配の方でも読み易いように文字サイズを大きくして、コーナー毎の余白を広く設定するように配慮しています。中継ページについても目的の情報にたどり着きやすいようにシンプルで分かりやすいボタンになるように配慮しています。
ご自身でカンタンに更新できるようにWORDPRESSを導入し予防医学様専用にカスタマイズを行っております。新着情報がカンタンに更新できることはもちろん、セミナー情報については、セミナー一覧、詳細ページからお申し込みフォームまで生成される仕様で作成を行っております。
また各ページについても、予防医学様側で更新を行いたいページについては、ページ単位でWORDPRESSのカスタマイズを行っております。
ページ全体に、キーワード検索機能を導入しています。多言語対応も行った方が良いというご要望もお受けしましたので、Google翻訳を導入しております。現時点では英語と中国語のみとなっておりますが、ご要望に応じて対応言語を増やすことも可能です。
デザインについては、文字情報が多いため文字サイズを大きく余白を広くとった読み易いデザインをはじめ、どの世代に方にも親しみを感じていただけるように配慮しています。
採用情報については、既存の採用情報サイトにリンクを張るのみとなりました。
今後もより使いやすいホームページに拡張していきたいとご要望をお受けしておりますので拡張性の高い構成で制作を行い、定期的にアクセス解析の提出と改善案をご提案させていただきます。
- ・デザインが異なるホームページが2つあるため整理したい。
- ・ホームページの操作方法が悪い箇所を改善したい。
- ・トップページのファーストビューの問題を改善する
- ・英語・中国語に対応させるためGoogle翻訳と連動させる
- ・CSMを導入しご自身でカンタンに更新が行えるようにする
- ・どの世代の方でも使用できるようにグローバルデザインに配慮する
- ・公開後もお客様により興味を持っていただけるように常に改善できるように配慮した仕様で作成する
今回の要望のまとめ
健康診断・人間ドック
メインサービスに誘導するための中継ページとなります。3つのメインサービスを目立つように設定しています。
健康診断サービス一覧
サービスを簡単に比較できるように写真を省きシンプルなデザインを心がけております。また、サービス毎に実施される施設が異なるため、分かり易いようにアイコンを設置しております。
健康診断サービス詳細
文字の情報量が多くイメージが少ないため、読み進め易いように文字サイズを大きく、余白を広くとったデザインを心がけています。下部には実施できる施設を掲載しています。各詳細ページについても読み進め易いように同じ構成で作成しております。
アクセス案内一覧
健診・人間ドックを行う際に重要な各施設への詳細ページに誘導させるための中継ページとなります。一覧ページでも住所、Googleマップ、アクセス方法など基本的な内容を表示し一覧ページ内で最低限必要な情報を提供できる構成となります。
アクセス案内詳細
基本情報をはじめ、各部署の電話番号の案内、ストリートビューを使用したより詳しいアクセス案内、フロアマップなど施設を利用する際に必要な情報をまとめて掲載しております。
お知らせ一覧
WORDPRESSを導入しお客様毎に使いやすいようにカスタマイズを行っております。お知らせ一覧ページは、管理画面から詳細ページを生成するごとに自動的に記事へのリンクボタンが生成される仕様となります。
お知らせ詳細
WORDPRESSを導入自由に記事の投稿が可能です。写真の設置テキストの編集はもちろんYoutubeの投稿など自由に更新が可能です。操作に慣れる事でデザイン面でもクオリティーの高い記事の作成も可能です。
セミナー一覧ぺージ
WORDPRESSを導入しお客様毎に使いやすいようにカスタマイズを行っております。お知らせ一覧ページは、管理画面から詳細ページを生成するごとに自動的に記事へのリンクボタンが生成される仕様となります。
セミナー詳細ぺージ
WORDPRESSを導入自由に記事の投稿が可能です。管理画面より「講師名」「日時」「場所」「料金」「定員」等を入力すると、あらかじめ用意したデザインテンプレートに反映される仕様となります。
セミナー応募ぺージ
セミナー詳細ページの応募ボタンをクリックするとアクセスできる応募フォームぺージです。応募フォームにはセミナー名を引き継げるため、どのセミナーへの応募があったから簡単に把握することが出来ます。
ホームページ内検索システムの導入
ホームページ内のキーワード検索システムを導入し、検索キーワードに該当したページを検索結果として一覧で表示させます。
お問い合わせフォーム
あらかじめ設定した項目に入力いただいたお問い合わせ内容を入力し、送信ボタンんをクリックすると指定したメールアドレスにお問い合わせ内容が転送される内容となります。
翻訳機能の導入について
英語・中国語対応については、Googleの翻訳機能を導入しております。中文ボタンをクリックすると、日本語で記載したテキスト部分がGoogle翻訳機能で中国語に自動変換される仕様となります。ポイントはコピーペーストが行えるテキスト部分のみとなりますので、画像化されている文章等は翻訳対象となりません。この機能を利用する際はテキストの画像化は避けて、Google翻訳が正しく翻訳し易いような日本語で文章を作成することが重要となります。
スマートフォン対応について
スマートフォン対応については、Googleの推奨するレスポンシブ対応を実施しています。
スマートフォン対応の方法としては大きく2つに分かれます。１つ目は、PC版、SP版の2つのホームページを作成し、アクセスした端末を判別しシステムで最適なホームページを表示させる方法です。
もう１つは、ホームページは１つでアクセスした端末の横幅に合わせて、表示されるレイアウトが最適かされるという方法です。
今回は後者の対応を採用しています。メリットとしては、実際に運用するホームページは１つとなるため、管理が簡単になり運用コストを抑えることができます。
PC版をSP版に切り替えると情報量が縦に長くなることになりますが、閲覧者がストレスを感じないように配慮したデザインを心がけています。
