Design Gallery
Design Approach
01 | Project Overview プロジェクト概要
制作物 歯科医院 Webサイト（TOPページ）
業種 医療・歯科
担当範囲 ヒアリング／要件定義／サイトマップ／ワイヤーフレーム／ビジュアルデザイン
使用ツール Figma／Photoshop
02 | Background 制作背景
地域密着型の歯科医院を想定した、Webサイトのリニューアルデザイン。
医院の診療内容や特徴を分かりやすく伝えるとともに、清潔感・安心感・親しみやすさを感じられるWebサイトへ刷新することを目的に制作しました。
既存患者だけでなく、初めて医院を訪れるユーザーにも必要な情報が伝わり、安心して来院を検討できるサイトを目指しました。
03 | Target ターゲット
近隣に住む20〜50代の地域住民を中心に、定期検診や虫歯治療などで通院先を探しているユーザーを想定。
診療内容だけでなく、医院の雰囲気・通いやすさ・設備・診療方針などを事前に確認し、安心して受診できる歯科医院を選びたいユーザーを設定しました。
04 | Design Concept デザインコンセプト
ホワイトをベースに爽やかなブルーを取り入れ、医療機関としての清潔感・安心感・信頼感を表現。
柔らかな曲線や角丸、明るい写真を組み合わせることで、堅くなりすぎず、子どもから大人まで親しみやすいデザインを目指しました。
05 | Design Process 設計・制作プロセス
ヒアリング内容から医院の課題・目的・ターゲット・必要な情報を整理し、要件定義とサイトマップを作成。
TOPページでは、医院の第一印象 → 医院の特徴 → 診療内容 → 医院について → お知らせ → 予約・問い合わせへと情報を配置し、初めて訪れたユーザーでも医院の特徴と必要な情報を把握しやすい構成を設計しました。
その後、ワイヤーフレームを作成し、情報の優先順位を保ちながらビジュアルデザインへ展開しています。
06 | Design Point デザインポイント
Information Design
診療内容や医院の特徴など、患者が来院前に確認したい情報を整理。医院への理解を深めながら、予約・問い合わせへ自然につながる構成を設計しました。
Visual Design
ホワイトとブルーを基調に、柔らかな曲線や角丸、明るい写真を使用。医療機関としての清潔感と信頼感を保ちながら、地域の患者が親しみを感じられるデザインに仕上げました。
User Experience
診療内容をアイコンやカードで視覚的に整理し、必要な情報を見つけやすく設計。電話・Web予約への導線も分かりやすく配置し、初めて訪れるユーザーが迷わず行動できるよう配慮しました。