生基生殖医療センター 様

制作概要

生基生殖医療センター様の公式Webサイトを、サイト構成設計からデザイン、コーディング、WordPressオリジナルテーマ開発まで一貫して担当しました。

生殖医療に関する情報を扱うサイトとして、訪問される方が安心して情報を得られるよう、信頼感と清潔感を大切にしたデザインを採用しています。

また、幅広い年代の方が利用することを想定し、文字サイズや行間、余白、情報の配置まで丁寧に設計。
専門的な情報も分かりやすく伝わり、必要なページへ迷わずアクセスできるUI・UXと導線設計を重視しました。

デザインのポイント

• 医療サイトに求められる安心感・信頼感・清潔感を大切にした、落ち着きのあるデザイン
• 幅広い年代の方が読みやすいフォントサイズや行間、十分な余白を確保したレイアウト
• 専門的な情報も理解しやすいよう、見出しやコンテンツの階層を整理した情報設計
• 初めて訪問する方でも必要な情報を探しやすい、シンプルで分かりやすいナビゲーションと導線設計

技術面・工夫点

• WordPressオリジナルテーマによるフルスクラッチ開発で、デザインの自由度と運用性を両立
• カスタム投稿タイプとACF（Advanced Custom Fields）を活用し、コンテンツを管理・更新しやすい仕組みを構築
• PHP・HTML・CSS・JavaScriptを用いたオリジナル実装により、サイトの仕様に合わせた柔軟なページ設計を実現
• PC・タブレット・スマートフォンそれぞれで文字の読みやすさや操作性を考慮したレスポンシブ対応
• SEOを意識した見出し構造やコンテンツ設計、ユーザビリティを重視した内部構築

制作範囲

サイト構成設計／Webデザイン（PC・SP対応）／HTML・CSS・JavaScript・PHPコーディング／WordPressオリジナルテーマ開発／カスタム投稿設計／ACFカスタムフィールド構築／UI・UX設計／レスポンシブ対応／SEO内部設計

このたびは、生基生殖医療センター様の大切なWebサイト制作をお任せいただき、誠にありがとうございました。

専門性の高い医療分野の情報を、どなたにも分かりやすく、安心してご覧いただける形にすることを大切にしながら制作に取り組みました。

今回制作したWebサイトが、必要な情報を求める多くの方にとって安心につながる場所となり、生基生殖医療センター様の今後の活動やさらなるご発展のお役に立てれば幸いです。