作品一覧へ
02 / WEBSITE自主制作 / 学習サンプル

くさの歯科

はじめての不安を、安心に。

HTML / CSSJavaScriptClaude Code
くさの歯科の作品画面

はじめての不安を、安心に。

診療の内容、料金、場所を順に確かめながら、安心して相談できる歯科医院のサイトを想定しました。専門的な内容でも、読み進めやすい情報設計を大切にしています。

想定するユーザー
歯科医院への来院を検討している方・ご家族
制作範囲
参考サイトの分析・架空医院向けの構成調整・実装(AI支援)
プロジェクト
自主制作 / 学習サンプル

既存サイトの配色・文字組み・情報構成を参考にした学習作品です。参考元サイトの制作には関与しておらず、受託・納品実績ではありません。医療機関の公式サイトではなく、診療内容・人物設定・所在地は掲載見本、写真はストック素材です。

デザイン・構成の参考:星のエナメルケアデンタルクリニック(外部サイト)

つくるときに考えたこと
01

やわらかな色と、読みやすい余白

白を基調に、ベージュと落ち着いたアクセントカラーを採用。写真と文章の間に余白を取り、親しみを感じられる印象を目指しました。

02

診療内容を、目的別に探せる

一般歯科、小児歯科、予防などの診療内容を整理し、詳細へ進める構成に。利用者の知りたいことを起点に情報を分けています。

03

来院前の確認を、一箇所から

診療時間、休診日、アクセス、予約への導線を用意。来院を決めるために必要な情報を、サイト内で確認できるようにしました。

このようなサイトやツールを、
あなたの事業にも。

この作品について相談する