株式会社スラッシュ

CASE 20 — 雑誌の公式サイトのリニューアル

調査の流れの3つの箱と、理由の横棒グラフ、読者の声と設計の方針を矢印でつないだ図

20 — SITE RENEWAL / UX / 出版 / 2023–2024

雑誌の公式サイトのリニューアル

見た目を新しくするだけでなく、読者が公式サイトを「見る理由」から作り直す

01 — 公式サイトを「見ない理由」：雑誌の読者への調査の流れと、公式サイトを使う理由・使わない理由、読者の声から決めた3つの設計の方針（模式図・数値は架空）

タグ調査UI・UXデザインWeb・アプリオウンドメディアKPI・効果測定出版

出版社の雑誌の公式サイトと、新人作家を募るサイトのリニューアルを、読者の調査から企画、デザイン、CMSとサーバーの構築、公開まで進めた。調査では、公式サイトを見ない読者の多くが「特に見たいものがない」と答えていた。そこで、作り手と話しながら作品を選べる市場のようなサイトを掲げ、作品の魅力が一目で伝わる特集ページ、作家の声に触れられる導線、情報の多さに軽重をつけた画面を設計し、試し読みは自社のアプリへつないだ。公開後の更新は、社内の担当者がCMSで行う。

業種
出版
時期
2023–2024
業務領域
調査・UI・UXデザイン・Web

WHAT WE DOこの領域でできること

  1. 01読者の調査から、公式サイトを「見る理由」を見つける
  2. 02コンセプトと情報設計（サイトマップ・ページの一覧・ワイヤーフレーム）
  3. 03情報の多い画面に軽重をつけるUIとデザインのディレクション
  4. 04CMSの要件定義と構築、既存のコンテンツの移行
  5. 05サーバーの要件定義（アクセスの予測・セキュリティ・バックアップ）と、運用の引き継ぎ

RESULTS結果

  • 利用金額・滞在時間・流入数・再訪率などの指標が増加
  • CMSの導入で、社内の運用の工数を削減

PROCESS担当したこと

  1. 01

    インターネット調査で読者の利用と不満を調べ、「見る理由」をつくるコンセプトを提案

  2. 02

    サイトマップとページの一覧を決め、主要ページ、量産ページの順にワイヤーフレームとデザインを制作

  3. 03

    CMSとサーバーの要件定義・構築、既存のコンテンツの移行、手引きと研修を経て、2つのサイトを公開

MATERIALS実物の画面と資料

左に棚と市場の配置の比較、右に公式サイトへ入ってくる流れと出ていく流れの図
02 — 棚から、作り手と話せる市場へ同じ大きさで並べる「棚」から、作品ごとに軽重をつけて作り手の声と一緒に見せる「市場」への転換と、公式サイトを起点に紙の雑誌・単行本・自社のアプリへ送る流れ（模式図）
左に公式サイトのページの木構造、右に新人を募るサイトの構成とデザインの進め方
03 — 2つのサイトの情報設計公式サイトと新人を募るサイトのページを、ページごとにデザインする主要ページと、ひな形から展開する量産ページに分けた構成。作品には3つの入口からたどり着ける（模式図）
3色の帯の工程表と公開の節目の線、更新の流れの4つの箱、指標の4つの札
04 — デザイン・CMS・サーバーを並行してデザイン・CMS・サーバーの3つの領域を並行させた約6か月の工程と、公開後の更新の流れ、公開後に見た指標（模式図）

TEAMこの案件の体制

  • LEAD統括・戦略
  • RESEARCH調査ディレクター
  • PLANNER企画・プランナー
  • DIRECTOR制作ディレクター
  • DESIGNデザイナー（Web・UI）
  • SYSTEMシステムディレクター

約20名の専門家の中から、この案件では6つの役割で組みました。体制について

パートナーのクリエイティブ・エージェンシーのチームとして、調査・企画とディレクションを担当しました。社名・誌名・作品名は伏せています。図は考え方を示す模式図で、実際の画面や作品の絵は使っていません。数値は架空です。

画像はイメージです。実際のお客様の名前やデータなどは、すべて削除・加工を施しています。

この領域について相談する ↗実績の一覧へ
次の事例 21AI DIAGNOSIS UIAI診断の画面設計（アプリと店頭）

MORE関係する事例