メインコンテンツへスキップ

制作事例

Micro Culture Lab

顕微鏡観察の魅力を伝える専門メディアのWebサイト構築およびUX・SEO最適化プロジェクト

  • 専門メディア
  • UI/UX設計
  • SEO最適化
  • レスポンシブ
Micro Culture Lab を表示したPC of モックアップ

プロジェクト詳細

プロジェクト概要

微小生物の生態や、顕微鏡を使った培養・撮影ノウハウを発信する専門メディア「Micro Culture Lab(マイクロカルチャーラボ)」のWebサイト構築およびUX・SEOの全体最適化プロジェクト。

プロジェクトの目的

  • 顕微鏡観察の初心者から愛好家までを惹きつける魅力的なコンテンツを提供し、検索流入の増加(SEO)を達成すること。
  • ユーザーが目的の記事や用語をストレスなく探索できる操作性(UX)の向上を図ること。
  • コンテンツの質を保ちつつ、表示崩れのない形で広告収益の最大化を両立すること。

対応内容

  • 各微生物に完全に適合するユニーク画像をAI生成し、1記事1画像の個別化と図鑑への反映
  • デッドリンク化していた古いページ(始め方・お問い合わせ等)の削除とナビゲーションの最適化
  • 図鑑ページの左右の余白スペースに、スクロール追従する縦型広告枠を実装
  • リアルタイム検索機能付きの「用語集」と、アコーディオンUIの「よくある質問(FAQ)」ページの新規作成
  • サイト内の呼称を「Micro Culture Lab」へ統一し、フッターに運営会社(7ColorsGame LLC)情報を追加

工夫したポイント

  • レスポンシブな広告制御:追従広告が中央のメインコンテンツと被らないよう、画面幅1760px以上の環境でのみ表示されるよう制御し、高い閲覧品質(UX)をキープ。
  • テクニカルSEOの導入:FAQページにGoogle推奨の構造化データ(JSON-LD)を動的に組み込み、検索結果でのリッチリザルト表示に対応。
  • 高い信頼性とルール準拠:機材の紹介価格に「参考価格」表記を徹底し、サイト全体の専門性とE-E-A-T(信頼性)を強化。
  • 快適な探索体験:用語集にJavaScriptによる高速なフロントエンド検索を実装し、ユーザーが目的の用語をノンストレスで見つけられるように設計。