- 内容
- クリニックの情報を分かりやすく伝え、来院前のユーザーが安心して閲覧できるWebサイトを制作しました。
デザインカンプをもとにレスポンシブまで対応しました。
また、WordPressを導入することでブログやお知らせを管理画面から更新できるようにし、運用しやすいサイト設計を行いました。
- 制作背景
- 医療機関のWebサイトを想定した制作として取り組みました。
医療系サイトでは信頼感や清潔感に加え、必要な情報に迷わずアクセスできることが重要と考え、情報設計や導線設計を意識して制作しました。
- 課題
- Webの知識がない方でも、ブログやお知らせを簡単に更新できる仕組みが必要だった
- スタッフ紹介のような定型コンテンツを、レイアウトを崩さず管理できるようにする必要があった
- 制作後の運用負担を減らし、継続して更新しやすいサイト設計が求められた
- 解決
- WordPressを導入し、ブログやお知らせを管理画面から直感的に更新できるように実装
- ACFでスタッフ紹介の入力項目をあらかじめ整理し、誰でも迷わず編集できる仕組みにした
- 管理画面からの更新でも表示崩れが起きにくいよう、入力内容と出力構造を考慮して実装した
- 工夫
- gulpを使用し、開発効率とコード管理を向上
- BEM / FLOCSSを用いたCSS設計で保守性の高いコーディングを実装
- Contact Form 7を使用してお問い合わせフォームを実装
- 更新頻度の高いコンテンツはWordPress管理画面から編集できるように設計
- 担当範囲
- コーディング
- WordPress実装
- レスポンシブ対応
- JavaScript実装
- 使用言語
- HTML / CSS / SCSS / JavaScript / PHP
- 制作期間
- 3〜4週間
- 料金目安
- 5万円〜10万円
- URL
- https://toyo-portfolio.com/clinic/
