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