合同会社ソラコード

制作サンプル / そらまち歯科クリニック

そらまち歯科クリニック|歯科医院のコーポレートサイト

架空の歯科医院を想定して制作したサンプルです。はじめて来院する人が「今日やっているか」「いくらかかるか」「どこにあるか」を迷わず確かめられることを最優先に組み立てました。

概要

種別
コーポレートサイト / 医療
想定した業種
歯科医院(東京都渋谷区を想定)
想定した対応範囲
構成設計 / デザイン / 実装 / 公開作業
使用技術
Next.js(静的書き出し), TypeScript, CSS, Cloudflare Pages
ページ構成
トップ / 診療案内 / 院内紹介 / 診療時間・アクセス / お問い合わせ
想定した制作期間
3〜4週間
Next.jsTypeScript静的書き出しCloudflare Pages5ページ

画面

デスクトップ(全体)
そらまち歯科クリニックのページ全体
スマートフォン
そらまち歯科クリニックのスマートフォン表示

想定した課題

  • 予約受付が電話のみで、診療中の応対が業務を圧迫している
  • 診療時間と休診日が下層ページの奥にあり、来院前に確認されにくい
  • 閲覧の大半がスマートフォンなのに、レイアウトが横向き前提になっている

コンセプト

迷わせない

診療時間・休診日・場所・費用という、来院前に必ず確認される4つを探させないこと。ヘッダーに予約導線と電話番号を常時固定し、ファーストビューの直下に診療時間バーを置いて、スクロールなしで休診日まで分かる状態にしています。

不安を先に減らす

診療案内は「何をするか」ではなく「どんなときに来ればいいか」から書き、専門用語には言い換えを添える。見せ場を作るより、迷っている人が最後に確認する場所として機能することを優先しました。

掲載しているのはすべて、架空の企業・店舗を想定して制作したサンプルです。実際に受注・納品した案件ではありません。記載している課題・コンセプト・制作期間は、同じ規模のサイトをお受けする場合の想定です。

同じような構成のご相談

構成の考え方や費用感について、この画面をお見せしながらご説明します。まずはご連絡ください。

contact@soracodeworks.com