ウェブサイト制作 (歯科医院サイト)

about this website
制作について
制作のポイント
● | 歯科医院のサイト(架空)を制作 |
● | ファーストビューで、対象ユーザが最初にサイトに訪問した際に目につく部分に病院の電話番号と最寄り駅の情報を掲載 |
● | ファーストビューすぐ下に、最新の情報がわかるように、インフォメーションと住所、診療時間を掲載 |
● | ペルソナ(下記参照)から、トップページスライドショーや院長の写真を選択する際に、優しさが感じられる写真を採用 |
ペルソナについて
● | 川越市に住む30代女性。パート勤務。最寄駅はJR川越駅 |
● | 小学3年生の男の子と1年生の女の子がいる4人家族。長女が学校から帰ってくると、歯が痛いと言っている |
● | 子どもたちに歯医者に対する恐怖心を植え付けないように、優しく治療してくれるお医者さんがいい。家から近い場所の方が嬉しい |
制作ツール
● WordPress:テーマLightning/サイト制作 |
● Illustrator:サイト全体のデザインパーツ制作 |
● Canva:ロゴ制作 |
色
● | 色は、院内イメージから連想される優しいイメージとして、 濃淡を付けた緑色とオレンジ色を採用 |

制作プロセス
ヒアリング
・クライアントへのヒアリング
・ビジョンやミッション、強みや特徴の確認
※今回は架空サイトのため省略
同業サイトの調査
・Pinterest等のサイトで同業サイトを10社程度抽出。
・各サイトの構成やコンセプト、
レイアウトや配色などを調査
ワイヤーフレーム設計
・1,2を参考に構成を考え、ワイヤーフレームを作成
デザイン・コンテンツ制作
・サイト内で使う配色、写真やイラストのデザインを制作
・サイトに記載するコンテンツの制作
サイト制作
・Wordpressによるサイト制作
・無料テーマ「Lightning」を使用
制作サイト Sample
