新作ポートフォリオ「すずらん歯科クリニック」を公開しました

記事
ビジネス・マーケティング
こんにちは、soraha designです。

新しいポートフォリオサイトを公開しましたので、
ご紹介させてください🌿

🔗 https://suzuran-dental.pages.dev/

―――――――――――――――――――

■ どんなサイト?

架空の歯科医院「すずらん歯科クリニック」を
コンセプトに制作した、1ページ完結のLP型
コーポレートサイトです。

HTML / CSS / JavaScript で
すべてフルスクラッチで構築しています。

―――――――――――――――――――

■ 制作のテーマ

「歯医者さんのHPって、なぜか青系で
似たような雰囲気のものが多いな…」

そんな印象を変えたくて、ペールミント×
ソフトコーラルの「やさしい医療系」で
仕上げました。

冷たい清潔感ではなく、
"通うたび、笑顔が増える"場所として
感じてもらえるトーンを目指しています。

―――――――――――――――――――

■ 9つのセクション構成

①Hero ②3つのお約束 ③診療内容
④院長挨拶 ⑤院内ギャラリー
⑥初診の流れ ⑦患者さまの声
⑧よくある質問 ⑨アクセス・CTA

「これだけあれば、患者さんが知りたい情報は
ひととおり伝わる」を意識した構成です。

―――――――――――――――――――

■ こだわった4つのポイント

▼ 1. 診療状況のリアルタイム表示
 現在時刻と曜日・祝日を判定して、
 「ただいま診療中(17:00まで)」
 「本日休診」など自動切替。
 スクロールしても画面右上に追従します。

▼ 2. やわらかい医療系カラー
 青系一辺倒の歯科HPと差別化。
 ペールミント×ソフトコーラルで
 「冷たくない清潔感」を表現。

▼ 3. スマホ最適化
 画面下部に「お電話/WEB予約」の
 固定CTAバーを実装。
 予約セクションに到達すると自動で
 非表示になり、邪魔をしません。

▼ 4. 写真AC(日本人モデル素材)使用
 先日のブログでも紹介した写真ACから、
 日本人の素材をしっかり選んで配置。
 国内向けサイトには欠かせない一手です。

―――――――――――――――――――

■ 対応可能な案件

本作と同レベルの制作は、デザイン支給ありで
以下に対応可能です:

・医療・クリニック系コーポレートサイト
・サロン・店舗系LP(1ページ完結)
・既存サイトの改修・追加ページ作成
・レスポンシブ対応のリニューアル

―――――――――――――――――――

■ ご相談はこちら

「うちのお店も、こんな雰囲気で作れる?」
「予算◯万円で、どこまでできる?」

そんなピンポイントなご相談、歓迎です🌿

▶ サービス詳細

▶ Xでもお気軽にどうぞ
 https://x.com/sorahadesign

最後までお読みいただきありがとうございました。

soraha design
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら