プロジェクト概要
地域密着型の医療クリニック向けに、新規患者獲得を目的としたランディングページを想定した制作サンプルです。「初めての方でも安心して来院できる」をコンセプトに、清潔感と信頼感を重視したデザインで予約率の向上を目指した設計です。
💡 想定した課題
開業3年目で認知度が伸び悩み、Web経由の新規患者が月10件程度に留まっているケースを想定。既存サイトは情報が整理されておらず、スマートフォンでの表示が崩れているケースを想定しています。
対応範囲
構成設計
デザイン
コーディング
SEO対策
計測タグ設置
スマホ最適化
デバイスプレビュー
制作のポイント
実装した主な機能・施策
ファーストビューに「初診の方へ」の導線を配置し、不安を即座に解消
医師・スタッフ紹介セクションで「人が見える」安心感を演出
Google Maps埋め込みとアクセス情報を目立つ位置に配置
スクロールアニメーションで読み進めやすい動的な演出
WebP画像変換でLighthouse Performance 97を達成
電話・Web予約のデュアルCTAでコンバージョン経路を最大化
使用技術
HTML5
CSS3 / BEM
JavaScript
GSAP
WebP変換
Google Analytics
Schema.org
この制作で意識したポイント
- 予約フォームへの導線を整理し、迷わず予約できる構成
- 医師・施設情報を分かりやすくまとめ、初めての方でも安心できるレイアウト
- スマートフォンでの操作性を重視したレスポンシブデザイン
- 表示速度を意識した画像最適化とコーディング
※ こちらはデモサイトです。掲載している数値は想定値であり、実際のクライアント案件ではありません。