Mint Dental Clinic｜ ホームページ制作（自社制作）
プロジェクト概要
クライアント名
Mint Dental Clinic（架空）
業種
歯医者
サイト種類
コーポレートサイト
担当範囲
企画、ライティング、デザイン、コーディング全て自身で担当しました。
使用ツール
・figma
・Photoshop
・Visual Studio Code
期間
2025年9月〜9月中旬
課題と、ご要望
・歯医者のホームページがない
・治療メニューをわかりやすく載せたい
・清潔感のあるページを作りたい
・スマホからでも予約できるようにしたい
解決策、工夫
自主制作で歯医者さんのHPを作成しました。
クリニック系のサイトは案件でも多く出ているので、ポートフォリオ用に作成しました。
デザイン面
「ミント」という会社名（架空）なので、ミントをイメージする色を採用しました。
文字の色も真っ黒ではなく、灰色に近い色で優しさを感じることができるようデザインしています。
歯医者の怖いイメージがなくなるように、写真に薄い白いグラデーションを被せています。
構成・導線での工夫
夜遅くまで診察できるクリニックを売りにしているので、特徴が一番に目に入るようTOPの初めに配置しています。
WEBやスマホでも簡単に予約ができるようCTAをこまめに挟み、ボタンも追尾させています。
技術面での工夫
お問い合わせフォームの他にも、スマホで気軽に予約できるようスマホ用ボタンを取得しました。
今回は年末年始などの休み以外は、お知らせは更新しないサイトにしたのでワードプレスは使わずにフルスクラッチで制作しました。
ホームページ制作の流れ
自主制作のためどのようなクリニックにするか考え、その後お客様のホームページを作る時同様サイトマップを作成しました。
その後テキストを作成しつつワイヤーフレームを作って行きました。
デザインはfigmaで作成し、完成後にコーディングしました。
ホームページデザイン情報
Keywords
清潔感
親しみやすさ
信頼感
誠実さ
温かみ
クリニック
Main Colors
#22C28D
#E8F9F2
#47474B
Fonts
Zen Maru Gothic
Montserrat
2025.11.10
2025.12.3