株式会社スラッシュ

CASE 24 — 業務システムの企業サイトと製品サイトの刷新

320ページの散布図と判断の境目の点線、ページ数の帯グラフ、5段と3段の木構造

24 — CORPORATE SITE / IA / SaaS / 2020–2021

業務システムの企業サイトと製品サイトの刷新

300を超えるページを、検討する人の動線から組み直す

01 — 300を超えるページを、使われ方から組み直す：ページごとの訪問の数と問い合わせへのつながりから、残す・まとめる・なくすを決めた考え方と、階層を5段から3段にした構造（模式図・数値は架空）

タグWeb・アプリUI・UXデザインKPI・効果測定ブランド映像制作SaaS

業務システムを提供する会社の、企業サイトと製品サイトの3つのサイトをまとめてリニューアルした。企画と設計を含む要件定義から入り、300ページを超えるサイトの構造を、アクセス解析をもとに組み直して、検討する人の動線を最優先にした構造にした。検索で積み上げてきた評価を失わないように移行を設計し、サーバーの移行とCMSのカスタマイズまで担当。製品のパンフレットと紹介の映像も、同じブランドの方針でそろえて制作した。

業種
SaaS
時期
2020–2021
業務領域
UI・UXデザイン・Web・映像・広告・SNS

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

  1. 01アクセス解析にもとづくサイト構造の組み直し
  2. 02検討から問い合わせまでの動線の設計
  3. 03検索の評価を引き継ぐ移行の設計（URLの対応・転送）
  4. 04CMSのカスタマイズとサーバーの移行
  5. 053つのサイトのデザインのルールの統一
  6. 06製品のパンフレットと紹介の映像の制作

RESULTS結果

  • 主要なキーワードで検索1位
  • 大規模なサイトを半年足らずでリニューアル

PROCESS担当したこと

  1. 01

    アクセス解析で、ページごとの役割と使われ方を洗い出し、残す・まとめる・なくすを決める

  2. 02

    検討する人の動線を軸に、3つのサイトの構造とページの型を設計し、デザインのルールをそろえる

  3. 03

    URLの対応表と転送、CMSのカスタマイズ、サーバーの移行を経て公開。パンフレットと映像も同じ方針で制作

MATERIALS実物の画面と資料

5つの段階の見出しと各段階のページの箱、次の一歩の帯、3つのサイトの枠
02 — 検討する人の動線を、いちばんに課題に気づいてから相談するまでの5つの段階に割り当てたページの役割と、3つのサイトの行き来（模式図）
古いURLと新しいURLを矢印でつないだ4つの型、公開をはさんだ折れ線グラフ、サーバーの移行の図
03 — 検索の評価を引き継ぐ移行古いページと新しいページの4つの対応のさせ方、公開の前後の検索からの訪問の考え方、サーバーの移行とCMSのカスタマイズ（模式図・数値は架空）
色の見本と文字の大きさの段階、3つのブラウザの画面の模式、パンフレットの見開きと映像の6コマ、工程表
04 — 3つのサイトと、パンフレット・映像をひとつの方針で色・文字・部品の共通のルールと、それを当てた3つのサイト・パンフレット・映像の構成、半年足らずの工程（模式図）

TEAMこの案件の体制

  • LEAD統括・戦略
  • ANALYSTデータアナリスト
  • DIRECTOR制作ディレクター
  • DESIGNデザイナー（Web・UI）
  • SYSTEMシステムディレクター
  • ENGINEERエンジニア・AI実装
  • VISUAL映像・ビジュアル

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

社名・製品名は伏せています。図は構成と考え方を示す模式図で、実際の画面ではありません。数値は架空です。

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

この領域について相談する ↗実績の一覧へ
次の事例 25NEW BANK BRAND銀行の新ブランドの立ち上げ

MORE関係する事例