歯科医院

歯科クリニックのホームページ制作事例

「地域のかかりつけ医としての安心感」を伝える歯科クリニックのサイトを、WordPressのオリジナルテーマとして実装しました。診療案内やお知らせを院内のスタッフさまが自分で更新できる構成です。

あおぞらデンタルクリニックのサイトのファーストビュー
実案件を想定して制作したポートフォリオ作品です(Basic認証つきで実機確認いただけます)。

実際のサイトを見る 閲覧用 ID: aozora-dental / PASS: iRCwg2VJri8pE

業種
歯科医院
種別
コーポレートサイト(WordPress)
担当範囲
デザインカンプからのコーディング / WordPressオリジナルテーマ実装
使用技術
HTML CSS (Sass) JavaScript (jQuery) WordPress

制作のポイント

更新しやすいWordPress設計

課題お知らせや診療時間の変更のたびに制作者へ依頼するのは手間もコストもかかる。

工夫お知らせを管理画面から更新できるオリジナルテーマとして実装。CSSやJSの更新がキャッシュに邪魔されず確実に反映される仕組み(ファイル更新に連動した自動バージョン付与)も組み込みました。

スマホの操作感まで実機で検証

課題開発環境のエミュレーターでは問題なくても、実機で見ると細部の挙動が崩れることがある。

工夫iPhone実機での確認を標準工程にし、ハンバーガーメニュー開閉アニメーションの一瞬の乱れのような細部まで調整しました。

「医院らしい」清潔感のあるUI

課題情報を詰め込みすぎると、患者さんが本当に知りたい診療案内・アクセスにたどり着けない。

工夫余白を活かした清潔感のあるレイアウトで、初診の方が迷わない導線(診療案内・アクセス・予約)を最優先に設計しました。

同じ業種のサイト制作・リニューアルのご相談を承っています。
「まずは話だけ」も歓迎です。