北郷皮膚科医院様のホームページ制作事例

コンセプト

札幌市白石区北郷で皮膚科を40年されている医療法人社団宏仁会 北郷皮膚科医院のホームページです。
先生からは特にホームページの細かな希望などはありませんでしたが、せっかく制作するのでこれから5年以上は使えそうなホームページを意識して構想を作りました。
基本的な構成は、パソコンのフルワイドでもキレイに見えて、スマートフォンで見てもスッキリと見やすいサイトを意識しました。
皮膚科という診療科目から、美しさをアピールできる少しアーティスティックなメインビジュルを配置しました。
森林の清々しい空気と木漏れ日の優しさを感じるようなデザインとしました。
また先生は、あまり自分の顔出しをすることをご希望ではなかったため、先生の似顔絵をトップに載せて、親近感をアピールしました。ホームページはともすると情報のみ掲載された無機質な印象を与えてしまうことから、暖かさや優しいコミニュケーションを想起させるようなデザインとしました。
対応疾患については、一つ一つピクトグラム調のアイコンを用意して、ご覧になられたユーザーが症状を認識することができるようにメニュー化しました。医療用語はとても難しく言葉だけでは分かりづらいのですが、ピクトグラムを見ることで人ひと目で症状が分かるようになります。

弊社からの制作アプローチ

医院の方から、自分たちでお知らせやトピックを情報発信していきたいということで、WordPressなどのCMSを使う方法もありましたが、操作が難解なのと、セキュリティの保持などメンテナンスの難易度があがるため、弊社オリジナルの新着情報更新システムを複数設置して、医院側で更新がスムーズに行われるようにしました。
診療カレンダーも、PHPのプログラムを設置して、簡単に休診情報を更新できるようにしました。
医院の情報を探しているユーザーにとっていつ、どの時間に診療をしているのかが、とても気にする要素なので、そこで情報の更新がされていなかったり、少し先（一月先まで）の診療カレンダーを確認できるようにして、情報の新鮮さを保つことができやすくなるように配慮しています。
横幅を1250ピクセルほどとって、ゆったりと見やすいレイアウトにしています。
またブロックごとに背景を変更したり、エリアに影をつけたりして、情報の区切りが分かりやすいようにしています。
このような配慮が、目的の情報にすぐにアクセスできるようにするための必要な工夫だと考えています。
技術的には、スタイルのflexを使うことで、レスポンシブの対応がしやすくなっったのは、とてもありがたいです。

クライアント	北郷皮膚科医院様	業種	クリニック
エリア	札幌市	制作内容	ホームページ制作
プラン	スタンダード	制作ページ数	8ページ
制作期間	1ヶ月間	U R L	https://kitagohifuka.jp/

PC表示画面

スマホ表示画面