東京北医療センター様の病院サイトおよび採用サイトのリニューアルにおいて、撮影業務を除く企画からデザイン、コーディング、システム構築までのWebサイト制作全般を担当しました。
以前のリニューアルから時間が経過しており、サイトを訪れる患者様や求職者にとって情報が煩雑で閲覧しづらい状況でした。
また、管理画面の操作が複雑化していることも大きな課題となっており、今回のリニューアルではターゲットに合わせた情報の整理と誘導の最適化を行い、迷わず目的の情報にたどり着ける構造を構築しています。デザイン面では従来の病院サイトのイメージにとらわれず、ファーストビューへのアニメーション導入や目に優しい配色の採用など、アクセシビリティにも配慮しながら閲覧者を飽きさせない工夫を取り入れました。
前回のサイトリニューアルから長い期間が経過しており、情報の追加や更新が重なった結果、サイト内の情報が各所に散在して煩雑化していました。そのため、閲覧者にとって目的のページが見つけづらく、操作感も低下している状態でした。さらに、サイトを更新する管理画面の操作が複雑になっており、運用担当者にとって日々の更新作業の負担が大きいことも解決すべき課題となっていました。
【リニューアル前の課題】
・前回のリニューアルから時間が経過し情報が煩雑化していた
・ユーザーにとって操作性が悪く閲覧しづらい構造になっていた
・管理画面の操作が複雑で運用時の負担になっていた
【制作のポイント】
1）情報の整理と適切な誘導導線の設計
各所に点在していた情報を整理し、サイト全体の構造を見直しました。クイックメニューの設置やアンカーリンクの活用など、ユーザーが迷うことなく直感的に目的のページへアクセスできる操作性を実現しています。患者様や求職者が求める情報へスムーズにたどり着ける導線を構築しました。
2）管理画面の操作性向上と運用負担の軽減
サイト運用における操作感の複雑さを解消するため、システム側の管理画面を大幅に改修しました。デザインブロックパーツを新たに活用し、あえてシステム側の機能を制限することで、運用担当者が入力作業中に迷わない設計としています。専門知識がなくても直感的に更新できる環境を整え、日々の運用負担を軽減しました。
3）アクセシビリティに配慮したデザイン設計
従来の画一的な病院サイトの印象を払拭するため、サイトアクセス時のファーストビューにアニメーションを取り入れ、閲覧者を飽きさせない工夫を施しています。また、目に優しい配色やコントラストを意識して採用し、高齢の方を含めた幅広いユーザーに対するアクセシビリティに配慮したデザインに仕上げました。
Web制作など、
お仕事に関するお問い合わせを
承っております。
お気軽にご相談ください。