無料相談はこちら →
LEGAL EDUCATION

受験生に届くメディアを、
編集者が運用しきれるCMSで。

法科大学院の受験生向け情報発信メディアを、ゼロから新規構築。専門性の高いコンテンツをノンエンジニアの編集チームが運用しきれるCMSとして設計し、情報設計と組版にこだわることで「読み続けたくなる」サイトに仕上げました。

受託開発 CMS構築 UI/UX SEO
The Law School Times デスクトップ画面
The Law School Times モバイル画面
Overview

プロジェクト概要

Industry
法科大学院(教育・専門メディア)
Scope
専門メディアCMS(記事/カテゴリ/著者・監修者ページ/関連記事)
Period
約3ヶ月
Services
受託開発(CMS設計・実装)/UI/UX設計/SEO設計
Tech
Next.js/Headless CMS/TypeScript/Vercel

法科大学院・司法試験予備校という専門性の高いドメインで、受験生に届く情報メディアをゼロから立ち上げたい――というご相談から始まったプロジェクト。事業初期から、編集チームがエンジニア依存なく自走できる運用体制が条件でした。

WEST ORANGEは「編集者が読者の温度感を持って書ける環境」を最優先に、Headless CMSベースのアーキテクチャを採用。情報設計とビジュアルにシニアエンジニアチームが手を入れ、ロングフォーム記事を読み切らせる組版・タイポグラフィを設計しました。

SEO観点ではURL設計・内部リンク・構造化データを初期から設計に組み込み、リリース後も継続的にコンテンツ運用を伴走しています。

Story

課題から成果まで

「新しいメディアを立ち上げたい。ただし編集者が自走できる形で」

法科大学院・司法試験予備校という専門ドメインで、受験生に届くメディアをゼロから立ち上げ。専門コンテンツを継続的に出し続けるには、編集者がエンジニア依存なく日々運用できる体制が前提でした。

  • 監修者・編集チームが自走して運用できる仕組みが必須
  • 情報設計とSEO設計を、立ち上げ初期から組み込みたい
  • 専門記事を読み切らせるための読了体験/デザイン品質

編集者が主役、設計から書き味までゼロから

編集者ヒアリングからスタートし、現場の運用を中心に置いてアーキテクチャを設計。ビジュアル面の組版・タイポグラフィにも妥協せず、専門記事を読み切らせる読了体験を作り込みました。

  • Headless CMS+Next.jsで「編集と表示を分離」、運用負荷を最小化
  • ロングフォーム読了体験のためのタイポ/余白/視線誘導の設計
  • カテゴリ・タグ・著者ページ・関連記事までを情報設計レベルで整理
  • 構造化データ・OGP・サイトマップを初期からSEO要件に組み込み

受験生が「読み切る」メディアへ

編集チームがエンジニア依存なく日々の運用を回せるようになり、新カテゴリの立ち上げまで自走できる体制に。

  • 編集チームが自走できる運用フローを獲得
  • ロングフォーム記事の読了体験をゼロから設計
  • 監修者・編集チームの満足度が向上し、執筆ペースも加速
Voice

お客様の声

専門性の高い記事を、専門家でない受験生にも届く形に翻訳していく作業を、デザイナーとエンジニアが同じ温度感で議論してくれた。「編集者が運用できるか」を最後まで諦めずに設計してもらえたのは、他社にはなかった姿勢でした。

H
編集長
法科大学院|受験生向けメディア
Related Cases

関連する事例

同じような課題、貴社にもありませんか?

編集者・運用者目線で設計するメディア/業務システム構築のご相談、お待ちしています。