トップにもどるボタン

#website

みらい歯科医院

direction / design / coding

サイトをみる

みらい歯科医院のモックアップ
概要
架空の歯科医院、みらい歯科のホームページを制作しました。ターゲットは男性ですが歯科医院は老若男女問わず多くの方が利用する場所なので男性脳の特性はしっかり抑えつつ、冷静さの中にもやさしさと親しみを感じられるデザインをこころがけました。
ターゲット
30代男性。マイクロスコープを使用した歯科を探しており、また転院を希望している。
目的
専門性と誠実性を伝えこの医院なら安心して任せられると感じてもい新規予約を増やすこと。
情報設計
歯科医院は来院前の心理的ハードルが高いため、院長やスタッフ、院内風景の写真を多く配置し、誰がどんな場所で診療するのかを視覚的に伝えることで不安を軽減し、信頼感を高めました。 ナビゲーションは固定表示にして利便性を高め、Q&Aにはよくある質問を先回りして掲載することで、疑問や不安を解消し、お問合せ対応の負担軽減につなげています。 フッター上部には「まずは、お気軽にお問合せください」と配置し、安心感を与えながら予約への心理的ハードルを下げ、押しつけない導線設計で相談段階の患者も取りこぼさないことを意識しました。
デザイン
信頼性と誠実性を伝えるためメインカラーには深い青を採用し、サブカラーに薄い水色を入れることで親しみやすさも表現しました。また、ユーザーが長時間サイトに滞在することを想定して目が疲れないようにベースカラーには白ではなく薄いグレーを入れて長時間閲覧しやすくなるように配慮しました。テキストカラーにはダークグレーを使用し落ち着きと視認性を重視しました。 一方で印象がかたくなりすぎないよう、フォントにはNoto Sans JPを使用し、全体的にやわらかさを持たせています。
メインカラー
サブカラー
ベースカラー
テキストカラー
製作期間
企画 / 情報設計 / WF
デザイン
コーディング
10日
7日
14日
使用ツール
Illustrator / Photoshop / Sublime Text / Figma
PCトップ
みらい歯科PCトップページのデザイン
    
SPトップ
みらい歯科SPトップページのデザイン

次の作品を見る