Yixin Chen
陳 亦新

Based in Tokyo
Web Designer

Case Study 06|業務(株式会社イーエックス・パートナーズ)

医療法人清菜会
法人サイトのTOPリニューアル

歯科医院3院を運営する医療法人の公式サイト(1ページ)です。社内共有のAIツールが出した案から私が方向性を選び、配色・構成・文言の修正を指示して、5回目の案で本番サイトをリニューアルしました。公開の準備と公開後の改善も担当しました。

期間
2026年9月3日〜9月15日
担当
案の選定と修正の指示・公開の判断・公開後の改善
体制
私1名+AI(初期案の作成・コーディング・アップロード作業)
使用技術
静的HTML・CSS/GA4/Search Console
公開サイト
seinakai.com
清菜会サイトのファーストビュー
制作版のHTMLを表示して撮影(2026年10月14日)
01

背景と目標

大阪で歯科医院3院(志紀ファミリー歯科・ひらのファミリー歯科・鴻池ファミリー歯科)を運営する医療法人の、1ページの公式サイトです。法人名で検索した方が、各医院の公式サイトへ迷わず進めるようにすることを目標にしました。

02

進め方

  1. 初期案の作成社内共有のトップページ提案用AIツールで、構成・配色・コピーの案を作成
  2. 運用の準備暫定版の公開中に、ロゴ・ファビコンの差し替え、アクセス解析、sitemap.xmlなどの運用準備を実施(9月4日)
  3. 案の選定と修正AIが出した案から私が選び、配色・構成・文言の修正を指示
  4. 5回目の案に切り替え2026年9月14日、静的HTMLとしてサーバーに反映
  5. 公開後の改善表示の微調整と不要な要素の削除
03

採用案のポイント

  • 法人のマスコットの色(青・緑・ピンク)を基調に、生成りのベージュと組み合わせた配色にしました。
  • 文字は丸みのあるゴシック体でそろえ、やわらかい印象にしました。
  • 構成を4ブロック(見出しと診療科目、理事長あいさつ、医院紹介、フッター)に整理しました。
  • 医院一覧は、写真付きの3列のカードと「医院サイトへ」ボタンにして、行き先を選びやすくしました。
  • 効果を断定する表現や、比較・最上級の表現は追加していません。
04

公開と運用の準備

  • GA4の導入、sitemap.xmlの作成とSearch Consoleへの送信、ロゴとファビコンの差し替えを行いました(2026年9月4日)。
  • 本番反映の前にサーバー上のファイルをバックアップし、アップロード後のファイルが手元のものと一致することを確認しました(2026年9月14日)。
  • プレビュー用の検索除外の設定が本番に残らないことを確認し、canonical・OGP・アクセス解析・構造化データを本番用の設定に切り替えました。
  • 公開後に、リダイレクト・見出しの階層・外部リンクを確認しました。
05

公開後の改善

  • フッターのキャッチコピーと、ページ上部の青い帯を削除しました。
  • カードの高さ、署名の改行、スマートフォンでの中央寄せ、文言などの微調整を7回行い、毎回アップロード後のファイルを確認しました(2026年9月15日)。
06

画面

制作版のHTMLを表示して撮影したものです(2026年10月14日)。

清菜会サイトのページ全体(PC)
PC:ページ全体
清菜会サイトのスマートフォン表示
スマートフォン:ファーストビュー
07

AIとの分担

初期案は社内共有のAIツールで作成し、案の選定と修正の指示を私が行いました。コーディング、サーバーへのアップロード、アップロード後の照合はAIが行い、私が画面を確認して公開と修正を判断しました。

08

成果と振り返り

  • 暫定版の公開後も改訂を重ね、2026年9月14日に5回目の案へ切り替えました。現在も公開中です。
  • 公開後のアクセス数などの数値は、手元にありません。

次に改善したいこと:

  • スマートフォンのファーストビューに、法人名の見出しと診療科目が入るようにする

業務で制作したサイトです。ロゴ、理事長と医院の写真はクライアントから提供されたものです。その他の写真の権利は、各権利者に帰属します。

次の事例:グラフィックデザイン公開サイトを見る作品一覧へ戻る

© 2026 Yixin ChenTokyo