プロジェクトの背景と目的
「つくば中央歯科」様は、つくば市にて長年地域の歯科医療を支えてきた信頼あるクリニックです。
今回のWebサイトリニューアルは、新院オープンに伴うブランド刷新の一環としてご依頼をいただきました。
課題としては以下の3点がありました
- 旧サイトが古く、スマホ対応やUI/UX設計が不十分でユーザー離脱が多かった
- 設備や院内の新しさがWebでは伝わっていなかった
- 公開タイミングが限られており、制作工程に時間がかけられない
そのため、「短納期・効果的なブランディング・SEO設計の最適化」という3点を同時に達成する必要がありました。
制作上の工夫・設計ポイント
1.コンテンツ流用による制作工程の大幅圧縮（全体で約1か月）
- 旧サイトに掲載されていたテキスト・見出し構成を再利用しつつ、デザインやUIのみ刷新する手法を採用。
- SEO観点から「既存の評価が高いコンテンツ」を抽出・整理し、再利用 + 情報設計の最適化を行いました。
- 初回ヒアリングから2営業日以内にワイヤーフレームを提出 → 写真・ロゴが揃い次第即デザイン着手。
- クリニックの開院タイミングに合わせて、わずか約1か月で全行程を完了しました。
2.「新しい歯科医院」であることを一目で印象づけるTOPデザイン
- ファーストビューに新院の内観写真（受付・診療室・ユニットなど）を全幅で配置し、視覚的に“新しく清潔な医院”を演出。
- 写真は加工を最小限にし、リアルな空気感と清潔感を訴求。
- キャッチコピーも視覚と連動して、地域密着性や安心感を伝える文言を調整。
- スマホでも写真が切れず、美しく表示されるようビューポートやアスペクト比を調整。
3.SEOパッケージと内部構造の最適化
内部SEO設計は以下の通り整備：
<title>/ meta description の最適化（医院名 + 診療内容 + 地域）- h1〜h3の見出し構造の正規化
- 構造化データ（JSON-LD）による診療所・FAQ情報のマークアップ
- alt属性・画像軽量化（WebP）＋Lazy Load
- 診療内容ページに「よくある症状・治療の流れ・Q&A」を掲載し、検索エンジンからの流入にも対応
- 将来的なブログ投稿も可能なようにCMSにカスタム投稿機能を用意
4.CMS設計と更新性への配慮
- WordPressで完全オリジナルテーマを構築し、スタッフの方が手軽に「診療時間の変更」や「お知らせ投稿」ができるよう設計。
- 各セクションの文言やバナーも、管理画面から簡単に変更可能。
- 管理画面で迷わないよう、UIに補足説明やツールチップを設置し、非エンジニアでも直感的に更新可能な仕様としました。
ターゲットユーザー
- つくば市・土浦市・守谷市周辺に住むファミリー層
- 引っ越し・出産・子育てをきっかけに新しいかかりつけ歯科を探している方
- 院内の清潔感や最新設備に安心感を求める方
- スマホから簡単に予約・情報確認をしたい方
使用技術・構成
- CMS：WordPress（完全オリジナル）
- 開発環境：HTML5 / CSS3 / Vanilla JavaScript
- レスポンシブ対応：モバイル・タブレット・PC
- SEO対策：meta設計・パンくず・alt・構造化マークアップ
- フォーム：診療予約用の問い合わせフォーム導入
- 画像最適化：WebP / Lazy Load対応
このサイトの運用実積
サイト制作後の状況はこちらからご覧いただけます。