【職業訓練校 実践課題】WordPressサイト構築

OVERVIEW

職業訓練校の課題として、WordPressテーマ「Lightning」を使用して架空の小児歯科のサイトを制作しました。レスポンシブデザインにも対応しています。

YEAR 2024

【制作時期】

令和6年11月〜12月

【制作期間】

3週間

【ターゲット】

高松市(香川県)周辺に住む子育て世代

【サイトコンセプト】

  • 開院したばかりの小児専門歯科
  • 地域に根ざした病院になり、保護者の方と一緒にお子さんの成長をサポートしたい
  • お子さんが来院を嫌がらない歯医者でありたい

【使用ツール】

  • WordPress(テーマ:Lightning)
  • Canva

【制作プロセス】

①ターゲット設定・サイトコンセプト決定
②競合サイトの調査
③サイトマップ・ワイヤーフレーム作成
④デザイン・コンテンツ制作(ロゴ作成・素材集め)
⑤WordPressによるサイト制作

【制作ポイント】

①ファーストビュー

  • 小児専門の歯科医院だと一目でわかる画像をファーストビューに使用
  • 子どもが楽しそうに歯磨きをしている画像を用いることで、保護者に安心感を与える
  • 診療時間やアクセス、予約方法など必要な情報が、サイト来訪時にすぐ分かる
  • 緊急時などにすぐ電話がかけれるように、ヘッダーに連絡先を目立たせて設置


②サイトコンセプトを反映したデザイン

  • 小児歯科であることが来訪者が一目で分かるようにイラストをサイト内に散りばめる
  • 可愛いサイトデザインにすることで、子ども達に配慮した病院だとイメージを与える
  • TOPページに院長挨拶を掲載することで、最初の情報収集の段階で誠実なイメージと安心感を与える
  • スタッフ紹介は笑顔の写真を使用することで、好印象を与える
  • 紹介文は来訪者である保護者の方に向けた誠実さをアピールするメッセージを記載


③ブロックエディタの活用

  • 様々なデバイスでもサイトが見やすいように、
    余白(レスポンシブスペーサー)を十分にとる
  • カバーやスライダーなどを活用し、サイト内の情報を見やすく整理


【制作したサイト(TOPページ)】