つの成功事例にみる、サイトリニューアルで失敗しない5つのお … · 広報・ir・採用などさまざまなステークホルダーの期待にお応えでき

1 © NEC Management Partner, Ltd 2015

3つの成功事例にみる、サイトリニューアルで失敗しない5つのお作法～ワークショップ、チームビルディング、予算化～

2015年9月

NECマネジメントパートナー株式会社

マーケットコミュニケーション事業部

マーケティング部

山方理佳子

NECマネジメントパートナーのご紹介


NECマネジメントパートナーご紹介

NEC プロサポート

NEC パーチェシングサービス

NECグループ向け人事・総務

シェアドサービス

NECグループ向け資材調達

計測器校正管理

マニュアル・販促物 Webサイト・展示会プロダクトデザイン

人材開発コンサル研修サービス eラーニング

NEC デザイン＆プロモーション

NEC ラーニング

設立 2014年4月1日

資本金 1億円（NEC全額出資）

代表者代表取締役執行役員社長松倉肇

情報セキュリティ認証

（Pマーク、ISMS、ISO14001）

2014年4月に4社が合併し、NECマネジメントパートナーとして新たにスタートいたしました。


Web事業におけるポリシー

お客様のビジネス価値向上をデジタル領域でご支援いたします。

広報・IR・採用などさまざまなス

テークホルダーの期待にお応えでき

るコーポレートサイト、特定テーマ

を掲げたメディアサイト・会員サイ

トなど、オウンドメディアの企画・

構築・運用サービスをご提供いたし

ます。

構築・運用だけでなく、現状分析や

成果報告などトータルでご支援いた

します。

オウンドメディア

構築＆活用支援

目標(KPI)設定、Google Analytics

導入、アクセス解析などを活用した

データに基づくＰＤＣＡ施策をご提

案いたします。

コンテンツマーケティング、BtoB企

業サイトのリード獲得・育成、デジ

タル広告、メールマガジン、ソー

シャルネットワーク（ＳＮＳ）等を

活用したソリューションを

ご提供いたします。

マーケティング

価値を高めるＰＤＣＡ

システム開発

効果的＆効率的なしくみ

を実現

Webアプリケーションの企画・設

計・開発を実施しています。複数ア

プリケーション間の連携プログラム

開発も豊富な実績がございます。

グラフィックデザインの長年の経験

により、エンドユーザーにもシステ

ム管理者にも使いやすいユーザーイ

ンターフェースを合わせてご提供い

たします。


推進体制

実績・ノウハウ豊富なメンバーが、お客様の「パートナー」として Web成長戦略を共に考え、実行いたします。

デザイングラフィック・イラストユーザーインターフェースユーザー体験・人間中心設計

プラットフォーム設計 Webサーバ、データベース・システム構築、CMS構築

戦略設計調査・分析ビジョン・コンセプト立案目標・ゴール設定情報設計ユーザーシナリオ設計メディア設計

構築運用 Web制作アプリ開発動画制作

デジタル広告アクセス解析効果測定

アナリスト

ディレクター

ライターコーダー

プロジェクトマネージャー

インフラエンジニア

プロデューサー

システムエンジニア

プログラマー

プランナー

デザイナー

イラストレーター

アカウントプランナー


実績 NEC コーポレートサイト/グローバルサイト

「社会ソリューション事業に注力するNEC」を印象づけるサイトに

コーポレートサイトトップページコーポレートサイトスマートフォンでの表示

http://jpn.nec.com/

http://www.nec.com/

グローバルサイトトップページ


実績 NEC WISDOM

NEC関連の情報から独立した、ビジネスに役立つ情報を提供（経営、IT 、マーケティングなど）

https://www.blwisdom.com/

トップページスマートフォンでの表示テクノロジー連載記事 Technology to the Future

経営・戦略連載記事乱世を生き抜く知恵


NEC デジタルコミュニケーション戦略

各メディアの特長を活かし、さまざまなステークホルダーとのコミュニケーションを設計・実施。 NECブランドの認知向上および営業活動へつなげています。

有償メディアソーシャルメディア

自社メディア

バナーなどから自社メディアへ誘導

さまざまなステークホルダーとゆるやかなつながりと、自社メディアへの誘導

コーポレートサイト WISDOM

ファン化インバウンド

会員向けメールコミュニケーション

セミナー・イベント案内製品・ソリューション情報

事例、NECの取り組みなど


実績

業種・業界問わず、幅広いお客様へ付加価値の高い制作・運用サポートのご協力をさせていただいております。

コスモ石油株式会社様

コスモビークルリース

オリックス自動車株式会社様カーリースオンライン

日本水産株式会社様商品情報サイト

日本体育大学様

日本水産株式会社様企業情報サイト

http://nettv.gov-online.go.jp/index.html

http://www.toyokohan.co.jp/ja/index.html

http://www.nagoya-cu.ac.jp/dd.aspx

http://www.bigsight.jp/


自己紹介

山方理佳子（やまがたりかこ） NECマネジメントパートナー

マーケットコミュニケーション事業部

マーケティング部事業戦略グループ

シニアプロデューサー

[email protected]

ニッスイ様やコスモ石油様などBtoC企業の大規模サイトを中心にWebプロデューサーを担当。

Webサイトの企画～構築～運用まで年間でのご支援を担当。

現在は、顧客Webサイトの戦略立案・企画のほか、自社のマーケティング活動や自社セミナー講師、自社コラムの執筆などを担当。

1. PART1

2. PART2

3. まとめ

・ケースススタディ1 Ａメーカー

どういう体制で、どのように進めていけばいいのかわからない

・ケースススタディ2 Ｂメーカー

各事業部のやり方・意見がバラバラでまとまらない

・ケースススタディ3 Ｃメーカー

社長のひとことでWebサイトリニューアル!?

大規模サイトリニューアル、これが5つのお作法

ケーススタディ

PART 1 ケーススタディ


ケーススタディ1 Aメーカー

どういう体制で、どのように進めていけばいいのか

わからない


リニューアルの目的

会社が合併することになり、

新会社としてのアピールが必要になった

自社を取り巻く事業環境が変わり、

Web活用の検討が必要になった


リニューアル前


関係者の交流が少なく初めてのリニューアル

新会社の現サイトの運営と新サイトの対応で

で取り組み方がわからない

同じ企業としてのイメージが持てない

ターゲット、ステークホルダーが

わからない業務負荷が高い


解決のポイント！

進め方を決める

ワークショップで

絆をつなぐきっかけに

強み、ターゲット・範囲を明確に

POINT

1

POINT

2

POINT

3


POINT1 進め方を決める

Web関係者の不安を取り除き、リニューアル後への期待感を高めた

サイトリニューアルの進め方をご提案

作業内容、成果物、推進体制会議体などをご紹介

各自の役割や推進イメージが具体的になり、安心して進められる状況に


現状分析/把握

課題整理

要件定義

POINT1 進め方を決める

時間

設計

制作

検証

公開

効果測定改善施策

《大規模サイトリニューアルの流れ》

コンセプト策定


POINT2 ワークショップで絆をつなぐきっかけに

リニューアルを進める上で重要なことを、WS形式で討議・決定

各事業部からメンバーが参加し Webプロジェクトが立ち上がる

「ビジョン、コンセプト策定」のワークショップ開催をご提案

WSで「ビジョン、コンセプト策定」を行うことをご提案

「ワークショップ」とは？

5,6人が1チームとなり、意見やアイディアを出しながら、ゴールに向かってアウトプットを作っていくこと。付箋に書き出したり、それを貼って整理・図解したり、結果を発表するなど、参加者が「頭とからだを動かす」ことが多い。

プロジェクタ

ワークショップのメリット・メンバー全員が参加する・目標に向かって気持ちをひとつにまとめる・拠り所にするコンセプトを作り、それを指針とする


POINT2 ワークショップで絆をつなぐきっかけに

理解しやすい

まとまる

責任感モチベーション

一般的な会議ワークショップ

●ワークショップで検討したこと、決めたことを「見える化」することによって、振り返りができる

●企画・制作会社にとっても、企業様の考え方や取り組みを理解しやすい

一緒の作業することで、

メンバー同士の相互理解が早くなり、深くなる

「やらされ感」がなくなり

積極的になる


POINT3 自社の強みとターゲット・範囲を明確に

自社の強みを明確にする

●現在のサイトの課題の洗い出し ●課題のまとめ

●「緊急度/優先度」「重要度」の検討 ●重みづけを整理課題を付箋に

洗い出し

グルーピング

優先度、重要度で重みづけ

高

高

低

低

●お互いの会社の強みを理解 ●合併したシナジー効果を明確に ●他社に負けない強みを明確に



ターゲット・範囲を明確にする

《ユーザーシナリオを考える》

●ペルソナを作る ●現在のサイトに来る目的シナリオ、リニューアル後の想定シナリオをまとめる

地元で就職したいと考えています。最有力候補のAメーカーの業務内容がどのようなものがあるのか、求人はどのようになっているのかを知りたいです。 AメーカーのWebサイトを訪れ、動画や広報情報などから現場の人がどのような業務を行っているのかを知りました。また、グループ会社のWebサイトも見てみましたが、さまざまな業務が積み重なって事業を形成している、ということがわかりました。そして、就職説明会があることを知り、参加の申し込みをしました。

【就職希望者ユーザーシナリオ】

どういう人に、どう見てもらいたいかどう感じてもらいたいか共通認識を持つ



ターゲット・範囲を明確にする

《サイト設計の方針を決める》

《作業範囲を決める》 ●ワークショップの効果が出て、「情報を出す」「お客様のために」「やらない＜やる」方向に

CSR（Corporate Social Responsibility）社会・地域貢献、情報公開等

IR（Investor Relations）株主・投資家向け企業情報等

PR（Public Relations）

サービス・製品訴求、宣伝、広報、プロモーション情報等

CR (Customer Relations）顧客向けサービスサポート、保守等


AメーカーのBefore→After

どういう体制で、どのように進めていけばいいのか

わからない

Webを活用した新しい自社ブランディングに成功

Before

After


ケーススタディ2 Bメーカー




事業部ごとにコンテンツを制作

内容・デザインがバラバラ

一部は外部パートナーに制作を委託

Webマスターが全体費用を管理できない

Webマスターが計画から制作を担当

業務負担を軽減したい Webマスター

A事業部 B事業部 C事業部




Webマスターはほかの業務と兼任

Webの活用度合いに差

事業部ごとにコンテンツを制作

形式も HTMLやPDF が混在

ページ内容も大小さまざま

制作も社内とパートナーが混在



デザイン統一を

Webガバナンスなどの一歩として

プロジェクト検討会で

「自分ゴト」化

POINT

1

POINT

2

POINT

3

Webガバナンスを実現する

ツールとしてCMSを導入


POINT1 デザイン統一をWebガバナンスなどの一歩として

Webサイト活用のための考え方、しくみ、ルール・ガイドラインの最適化

Webガバナンス

デザインの統一や運用ルールの施行だけ

「Webサイトの目的・方針」の理解・共有から制作ガイドラインなど、

同じ仕組み・ルールの活用まで Webに関わる人たち全体で取り組むもの


POINT1 デザイン統一をWebガバナンスなどの一歩として

「サイトリニューアル＝デザインの統一」だけではなく、

Webサイトによる情報発信の一貫性、信頼性等による自社ブランディングの実現

をアピール

Webマスター

PJメンバーをどう納得させて

CMSを導入させるか？

事業部ごとにバラバラの商品紹介ページをどのように作るか？

Webガバナンスのご提案


POINT2 Webガバナンスを実現するツールとしてCMSを導入

各事業部がこだわる点をクリアし、公式サイトとしてのルールを適用

商品ページに掲載する内容を決定

商品ごとに、Webサイト上で公開できる情報にバラつき

社内で制作、外部パートナーに制作を依頼など、制作方法にバラつき

カテゴリごとの商品ジャンル数、分類方法にバラつき

CMS＋Webガバナンス導入で解決

商品名 ----------------------------- ・特徴----------- ・製品番号-------

・「商品ページ＝基本的な内容」と定義

・詳細ページを作成する場合のルールも策定

商品ページはCMSで社内で制作・更新できるように


POINT2 Webガバナンスを実現するツールとしてCMSを導入

『Webガバナンス』で全ページを統制

統一したデザインルール適用

第一階層

第二階層

第三階層以下

すばやく簡便な

更新機能・管理機能統一された

デザインテンプレート


POINT3 プロジェクト検討会で「自分ゴト」化

Webガバナンスの視点で運用ガイドラインを作成し、運営もスムーズに

自部門でのWeb制作方法、課題を発表 ⇒情報共有・課題まとめ

CMSの説明と導入後の作業手順をご説明

⇒内容理解・問題点の洗い出し

問題点の解決策を提示

⇒内容合意

3ステップで「自分ゴト」化


BメーカーのBefore→After

CMSとガバナンス導入で一貫性のあるWebサイトに

Before

After



ケーススタディ3 Cメーカー

社長のひとことで Webサイトリニューアル!?



社長から、

トップページを変更するよう指示があった

Webマスターは、

Webを営業に活用したいと悩んでいた



営業貢献するWebサイトにしたいけれど、どうすればいいのか…

「リニューアル」に対する温度感が違う

作る費用等は予算化されていない

営業の協力が得られにくい

マーケティング活動とは切り離して考えていた

情報発信型の Webサイトで、

新規コンテンツを

社長とWebマスターの



営業に役立つWebサイトに

リニューアル費用の予算化をサポート

POINT

1

POINT

2


POINT1 リニューアル費用の予算化をサポート

Webマスター

Webサイトの更新費用もほとんど予算化されていない。

予算内でできる、トップページを含むご提案

現状では、社長指示の「トップページリニューアル」

くらいしかできない

他社のWebサイト動向をご報告

リニューアルするメリット


POINT1 リニューアル費用の予算化をサポート

●トップと下階層のデザインが異なる企業サイトに関するヒューリスティック分析でUIの使いにくさや顧客からの「利用価値」「信頼感」の低減をお知らせ ●競合他社分析で「Web戦略の相違」「利用価値増」「新規顧客増」

●BtoB企業のWeb活用例を提示 ●既存顧客のCSアップ ●Webによる新規顧客獲得のストーリー ●自社の強みをアピール

●その時点での予算で「要件定義と第二階層までのリニューアル」をご提案 ●コンテンツ資産として「使えるもの」の洗い出し ●次年度の「継続したリニューアル案」と予算を提案

予算内でできる、トップページを含むご提案

リニューアルするメリット

他社のWebサイト動向をご報告


POINT2 営業に役立つWebサイトに

「リード獲得」を目指すサイトに

情報発信型サイト旧Webサイトは「購入先として検討している」顧客を特定できなかった

アプローチ先を入手できるように

マーケティングに役立つサイト =営業貢献できるサイト＝質のいいリードをたくさん集められるサイト



●大規模企業向け

●情報システム部門や開発担当者が情報収集

●発注時は資材部門が担当するケースもある

●製品改善のスピードが速いので、次回発注時には必ず他社製品も参考にする

●大ロットの発注ではなく、多品種小ロットの発注が多い

●カタログだけではなくサンプルを使ってみて判断することが多い

営業にヒアリングし、現状のアプローチとターゲットを把握



●トレンド ●調査レポート ●コラム

●製品情報 ●自社のポイント ●ケーススタディ

BtoBサイトの購買・利用プロセス

「誰に」×「何を」×「いつ」

担当者

●導入事例 ●お客様の声 ●価格・スペック比較表

●見積もりシミュレーション ●使い方（動画） ●導入までの流れ ●提案資料


CメーカーのBefore→After

予算の追加獲得に成功しリード獲得に貢献できるWebサイトに

Before

After

社長のひとことで Webサイトリニューアル!?


PART1まとめ

ケーススタディ1：Aメーカー


進め方を決め、自社の強みとターゲット・範囲を明確に

ケーススタディ3：Cメーカー


予算の追加獲得に成功し、リード獲得に貢献できるWebサイトに

ケーススタディ2：Bメーカー


CMS導入とWebガバナンスを活かし、サイトリニューアルを成功


現状分析/把握

課題整理

要件定義

大規模サイトリニューアルの流れ

時間

設計

制作

検証

公開




現状分析/把握

課題整理


要件定義

大規模サイトリニューアルの流れ

Webサイトリニューアルは「プロジェクト」と定義わからないモノ、見えないモノに向かってトライアルしていくプロジェクト

時間

設計

制作

検証

公開


Webサイトリニューアルで

重要なのは「要件定義！」

Webマスターの業務は

「プロジェクトマネージメント」

Webマスターの活動は

「前半が肝！」

PART 2 Webリニューアルこれが5つのお作法


5つのお作法

お作法（１）

誰と、どうやるか？チーム作りと進め方がポイント

お作法（２）

問題解決だけじゃない！将来のビジョンを考える

お作法（３）

誰の、何のためのサイト？目的をはっきりさせる

お作法（４）

「やる」「やらない」の幅と優先順位を決める

お作法（５）

仕組みを最適化して、リニューアル後も継続する

チームビルディング

ビジョン

ゴール

コンセプト

ガバナンス PDCA



お作法１チームビルディング


お作法1

誰と、どうやるか？チーム作りと進め方がポイント〈チームビルディング〉

誰と？プロジェクトメンバーの人選から任されているなら…

●プロジェクトに協力してもらえる人を選ぶ

●意見の合う仲間「だけ」を選ばない

●（できれば）気の合う仲間を1人は入れる

●他の業務で忙しい人ばかり⇒

時間限定の定例会を毎週実施。各自、課題の回答を展開して意見を持ってくること。定例会議では意見交換⇒決議⇒次の課題出し。 ●非積極的な人がいる場合⇒次のページへ


お作法1


プロジェクトメンバーとどうやるか？ 3ステップで解決

Webサイトへの思い

自社の事業貢献

Webサイトも自分も成長

やりがい

全体の中の業務 ≒ Webマスターメンバー

協力依頼する社員を

「お客様」と考えてメリット提供

目的・目標を共有

メンバーとしてフォロー

1.

2.

3.

共感

相手の課題解決

支えて共創

プロジェクト化

命令


お作法1


協力会社とどうやるか？

業者と思わずに、共創者として接する

目的・目標を共有し、PJメンバーとして参画

自社事業のプロ

Webのプロ

外部パートナーの得意分野や

やり方を理解する

顧客の事業を理解する

Webマスターの考えを理解して共鳴する

Webマスター制作会社



お作法2 ビジョン


お作法2

問題解決だけじゃない！将来のビジョンを考える〈ビジョン〉

中長期的視点で自社が何者で、どうなりたいか、から考える

自社の事業内容・コアコンピタンスから考える

Webの中計として考える

To be （あるべき姿）

As is （現状）

ワークショップなどを実施して、プロジェクト内でイメージを統一

・ログ分析・ヒューリスティック分析・他社Webサイト比較など

① Company

③ Competitor

② Stakeholder

中計から考える（成長性）


お作法3 コンセプト



お作法3

誰の、何のためのサイト？目的をはっきりさせる〈コンセプト〉

サイトの目的によって、Web戦略も方針も違う！

ブランディングマーケティング（リード獲得）

●どういう人に認知を広げたいのか

●既存顧客のロイヤリティを維持、高めていくには

●どういう人の、どんな時期に情報を届けるか

●そこから、どのようにお問い合わせなどにつなげるか

認知拡大エンゲージメントロイヤリティ

リード獲得質のいいリード拡大リードナーチャリング


お作法3


ターゲット分類（新規/既存、重要/重点/維持など）

業種、業態、業務

規模、拠点エリア

「立場の違い」で視点やミッションが異なることに注意！

現場のキーパーソン（作業の効率化）

その上司の部長（部門の効率化）

役員・経営者（事業の効率化）


お作法3


どこで、どう、Webサイトが活用されているのか？

●トレンド ●調査レポート ●コラム

●製品情報 ●導入事例 ●ケーススタディ ●お客様の声 ●自社のポイント

●価格・スペック比較表 ●見積もりシミュレーション ●使い方（動画） ●導入までの流れ ●提案資料

BtoBサイトの購買・利用プロセス

Webから情報収集



お作法4 ゴール


お作法4

「やる」「やらない」の幅と優先順位を決める〈ゴール〉

どういうサイトにリニューアルするか、要件定義とWBSを作って、作業内容を確定させる

「やる」「やらない」の判断は「コンセプト」に基づいて判断に迷った時などは、必ず「コンセプト」に立ち戻る

WBSを作成し、作業内容・ボリューム・進捗を随時確認できるようにする

「今、やるべきこと」「未来に、期間を決めてやること」「違う解決方法を考えてみること」に分ける

「誰が」「何を」「いつまでに」がわかる



お作法5 ガバナンス・PDCA


お作法5

仕組みを最適化して、リニューアル後も継続する〈ガバナンス・PDCA〉

どのようにPDCAを実施し、継続していくか？

Webガバナンスとしくみ,ガイドライン,予算,モチベーション

●リニューアルのプレスリリース

●リニューアル発表会（社内）

●ログ分析・レポート報告（定例会）

●リニューアル後の成果による課題 ⇒改善

●追加・更新

・社内更新者がいない：CMS導入更新者がいる：ルール化

・社外業務すべてを依頼？

●Web制作に関わるガイドライン・コンテンツ制作ガイドライン・デザインガイドライン・セキュリティガイドライン・ライティングガイドラインなど

●運用に必要なマニュアル、ツールなど・CMSマニュアル・アクセス解析活用マニュアルなど

●リニューアルは「ゴール」ではなく、成長過程の「通過点」

●リニューアル後の更新、新規コンテンツ追加などの費用を計上

しくみ

予算

ガイドライン

モチベーション

まとめ


PART1まとめケーススタディ

ケーススタディ1：Aメーカー


進め方を決め、自社の強みとターゲット・範囲を明確に

ケーススタディ3：Cメーカー


予算の追加獲得に成功し、リード獲得に貢献できるWebサイトに

ケーススタディ2：Bメーカー


CMS導入とWebガバナンスを活かし、サイトリニューアルを成功


PART2まとめ Webリニューアルこれが5つのお作法

お作法（１）


お作法（２）


お作法（３）


お作法（４）


お作法（５）


チームビルディング

ビジョン

ゴール

コンセプト

ガバナンス PDCA


お知らせ

弊社Webサイト「コラム」を、ぜひご覧ください！

http://www.necmp.co.jp/column/index.html


お問い合わせ先

《ダウンロード資料ご案内》

【資料ダウンロード】BtoB企業向け Webトレンド解説2015 https://necmp.smktg.jp/public/seminar/view/33

【セミナー資料ダウンロード】営業貢献の秘訣は運用にありリード獲得型サイトで重要な2つの視点 https://necmp.smktg.jp/public/seminar/view/21

【セミナー資料ダウンロード】本当に必要なのか？BtoBサイトのスマートフォン対応 https://necmp.smktg.jp/public/seminar/view/17

【セミナー資料ダウンロード】どう使う？何を見せる？企業Webサイトの役割と価値を考える https://necmp.smktg.jp/public/seminar/view/16

【セミナー資料ダウンロード】Web戦略を決めたその先は？運用の理想と現実、失敗しないコツ https://necmp.smktg.jp/public/seminar/view/20

【資料ダウンロード】今さら聞けない!?「コンテンツマーケティング」早わかり https://necmp.smktg.jp/public/seminar/view/6

NECマネジメントパートナー株式会社マーケットコミュニケーション事業部マーケティング部

e-mail： [email protected]

《本資料についてのお問い合わせ・ご相談》

Documents

つの成功事例にみる、 サイトリニューアルで失敗しない5つのお … · 広報・ir・採用などさまざまなス テークホルダーの期待にお応えでき

つの成功事例にみる、サイトリニューアルで失敗しない5つのお … · 広報・ir・採用などさまざまなステークホルダーの期待にお応えでき