SHOPPING MEDIA / WORDPRESS
いい買い物を、
もっと迷わず。
家電、家具、ガジェット、キッチン用品まで。暮らしに役立つ商品を「選び方」とおすすめ記事から探せる商品比較メディアです。カテゴリー設計から記事フォーマット、広告掲載の受け皿までを構築しました。
SCREENSHOT
実際の画面
公開中のトップページ（ファーストビュー）です。画像またはリンクから実際のサイトをご覧いただけます。
比較記事は、数より「探しやすさ」で決まる。
商品比較メディアは記事が増えるほど、読者が目的の記事にたどり着けなくなります。カテゴリーを先に設計し、トップにはアイキャッチのある比較記事だけをピックアップとして掲載。カテゴリー一覧では各ジャンルの記事数まで見せることで、「このジャンルはちゃんと揃っている」と分かる状態にしました。
CHALLENGES
抱えていた課題
着手前に整理した、解くべき課題です。ここが決まらないまま作り始めると、あとから作り直すことになります。
記事が増えるほど、目的の比較記事にたどり着けなくなる
商品リンクがスマートフォンで読みづらい
広告主からの問い合わせを受ける受け皿がない
WHAT WE BUILT
つくったもの
課題に対して実際に設計・実装した内容です。
「選び方」起点の情報設計
カテゴリー → 選び方 → おすすめ記事という順で読める導線を設計。人気カテゴリーとカテゴリー一覧を分け、目的が決まっている読者にも、まだ迷っている読者にも入口を用意しました。
ピックアップ枠の編成
アイキャッチ画像のある読みやすい商品比較記事だけをトップのピックアップに掲載。カテゴリー名を添えることで、記事単位でも領域の広さが伝わります。
監修者表示の自作プラグイン
カテゴリーに紐づく監修者を、記事の目次上に自動表示する仕組みを独自プラグインとして実装。記事側での作業を増やさずに、専門性の担保を表示できます。
商品リンクのモバイル最適化
商品紹介ブロックのレイアウトをスマートフォン向けに調整。ロジックには手を入れず、表示だけを読みやすい形へ整えています。
広告主向けページの整備
バナー広告・タイアップ記事・商品PRの掲載メニューを整理した「広告掲載のご案内」を用意し、媒体資料への導線と相談窓口を設置しました。
運営情報とポリシーの明示
運営会社、コンテンツポリシー、PR表記を整備。広告を含むメディアとして、読者にも広告主にも判断材料を示しています。
SCOPE & TECHNOLOGY
対応範囲と技術
TECHWordPressCocoon 子テーマ自作プラグイン（監修者表示）HTML / CSS
PROCESS
進め方
この案件で実際にたどった流れです。
ジャンル設計
扱う商品ジャンルとカテゴリー階層を先に決めます。
テンプレート整備
比較記事の型とアイキャッチのルールを揃えます。
機能実装
監修者表示や商品ブロックのUIを実装します。
運用・収益化
記事を積み上げつつ、広告掲載の導線を整えます。
OUTCOME
できるようになったこと
公開後の状態を、事実ベースで整理しています。
カテゴリー単位で記事を積み上げても、読者が目的の記事へ到達できる構造
監修者表示を自動化し、記事ごとの手作業なしで専門性を示せる状態に
広告掲載・タイアップの相談を受けられる受け皿を設置