![](https://www.hakoreco.com/wp-content/themes/hakoreco_2020/img/pic_module01_mv_news.jpg)
News
お知らせ
Release
市立函館病院 Webサイトリニューアル
市立函館病院Webサイトをリニューアルリリースいたしました。
また、付随して市立函館病院高等看護学院Webサイト、市立函館病院看護局Webサイトも同時にリニューアルリリースいたしました。
市立函館病院 サイトの特徴
リニューアル後のデザインでは白を基調とし、信頼感を感じるデザインに仕上げました。
![](https://www.hakoreco.com/wp-content/uploads/2022/11/d805b60f-3b8b-4631-90bc-eb17b1a44726-2-1024x520.png)
アクセントにはロゴにも使用されているカラーパターンを使用しております。
![](https://www.hakoreco.com/wp-content/uploads/2022/11/b978ba13-2cbb-4700-ac7f-fdf8a5cabd03-1024x582.png)
保守、運用更新をしやすいよう、ブロックエディターを駆使した管理画面を作成しました。
ブロックエディターの利用により、専門的な知識がなくともページやお知らせの更新、簡易的な新規ページの作成まで行うことができ、発信したい情報を素早く更新していくことが可能です。
こちらは市立函館病院高等看護学院Webサイト、市立函館病院看護局Webサイトでも同様に使用されております。
![](https://www.hakoreco.com/wp-content/uploads/2022/11/スクリーンショット-2022-11-08-12.10.46.png)
アクセシビリティの観点では、JIS X8341-3:2016 「高齢者・障害者等配慮設計指針-情報通信における機器、ソフトウェア及びサービス-第3部 : ウェブコンテンツ」の適合レベルAに準拠することを目標としており、音声読み上げやタブキーでのブラウザ操作にも対応しており、ウェブサイトを利用するすべての方が、心身の状態にかかわらず、ウェブサイトで提供される情報や機能に支障なくアクセス・利用することができます。
市立函館病院高等看護学院 サイトの特徴
テーマカラーのペールグリーンをベースに、デザイントレンドでもあるグラデーションを採用しました。
学生向けでもあるため、手書きフォントの使用など親しみやすい印象になるようデザインしております。
![](https://www.hakoreco.com/wp-content/uploads/2022/11/3cbdc03b-64c5-4130-9845-4686c0aa261c-1024x519.png)
グローバルナビゲーションとフッター部分には、訪問者別MENUを用意し訪問者の種別ごと目的のページへアクセスしやすく導線設計をしております。
![](https://www.hakoreco.com/wp-content/uploads/2022/11/04684f4c-8362-4ba4-9b79-50dbb7b16fd2-1024x511.png)
旧Webサイトでは情報量が少なく、Webサイトからはわからないことも多くありましたが、リニューアルの際には新しく掲載する情報も多く用意し、必要な情報を取得できるようコンテンツもご用意いただきました。
市立函館病院看護局 サイトの特徴
基本的には病院Webサイトのデザインを踏襲し、全体的に少し柔らかい印象になるよう、濃い紺色を減らしアクセントとして薄いピンクを加えています。
ファーストビューにはご用意いただいたイメージ動画を使用し、看護局のブランディングを行なっております。
![](https://www.hakoreco.com/wp-content/uploads/2022/11/fb1ac183-87c2-4f81-b842-8542cdfbaf35-1024x591.png)
看護部に興味がある方向けのサイトとして、病院サイトに比べて写真を大きく使用したり、ダイナミックなレイアウトにより情報の見せ方を工夫しております。
![](https://www.hakoreco.com/wp-content/uploads/2022/11/95a99126-5544-4b1a-b58b-9859ab0e9f4f-1024x591.png)
サイト内では実際の写真を多く使用し、実際に働く際のイメージがつきやすくなっております。
https://www.hospital.hakodate.hokkaido.jp/nurse/about/department/ward/
最後に
今回のサイトリニューアルでは、デザインの一新し保守、運用しやすいWebサイトとなりました。
この先何年も使用されるWebサイトとして、市立函館病院様と共によりよいものになるよう引き続き更新していきたいと思います。