おぎの動物病院様 Webサイトリニューアル | M.Kanagawa

概要

奈良県香芝市の「おぎの動物病院」様のWebサイトを、2025年11月にリニューアルしました。リニューアル前のサイトも私が制作しています。

フリーランスのデザイナーさまからのご依頼で、今回はChatworkでお客様と直接やりとりしながら、ヒアリングから構成・デザイン・コーディング・WordPressのオリジナルテーマ制作までを担当しました。ロゴはデザイナーさまからのご提供です。

「優しい雰囲気」と「Web予約のとりやすさ」を大切にして制作しました。

Web予約へすぐ進める導線：全ページのフッターに予約ボタン・診療時間・地図を配置し、どのページからでも予約できるようにした。スマホでは画面下に追従するWeb予約ボタンも設置
予約システムの埋め込み：病院で使われている順番予約システムの運営会社に問い合わせ、埋め込み方法を確認したうえでサイトに組み込んだ。TOPページでは現在の順番待ち状況も確認できる
診療時間の見せ方（PC）：ページを開くと診療時間がアニメーションで表示され、スクロールすると右端にタブとして収納。タブにマウスを乗せると、スライドして再表示される
お知らせとスタッフブログ：TOPページで、タブで切り替えて読めるようにした
更新しやすい管理画面：WordPressの案件で共通して使っている自作の「パーツ」の仕組みを、今回はブロックエディタに対応させた。パーツを選んで自由にレイアウトでき、順番の入れ替えもさらに簡単になった
TOPのスライダー：画像とキャッチコピーを管理画面から差し替えられるようにし、デザイナーさまが入れ替えられるようにした
Google タグマネージャーを設置し、アクセス解析の土台を用意した

ブロックエディタの中で、パーツを選んでページを組み立てられます。

管理画面：ブロックエディタでのパーツの追加