IAチャンネル：地ビールのIA最適化事例その2

IA2010フォーラム：IAチャンネル

自社サイト最適化講座 vol.5
地ビール会社サンクトガーレン：
提案の紹介から選定まで

2010-12-9
Rakuten, Inc.
Web Analytics & Optimization Lead
清水誠

自社サイト最適化講座とは？
 発注者を支援するための番組です
 発注や運用のコツは？
 発注者と受注者の良い関係とは？

© 2010 Makoto Shimizu 2

 発注者を支援するための番組です
 発注や運用のコツは？
 発注者と受注者の良い関係とは？
 本物の施策と結果を紹介します
 リアルタイム進行で事例化


 発注者のための番組です
 制作会社の方はクライアントにもご紹介を
 発注者と受注者の良い関係を模索します
 本物の施策と結果を紹介します
 リアルタイム進行で事例化
 制約の中でできることを考えて実施します
 結果まで具体的に
 マネできることが重要


本日のゲストは


本日のゲストは
サンクトガーレン Mikiさん


とは


課題の整理
 デザインを刷新し信頼度を高めたい
 ツギハギの構成を直したい
 誰にどう依頼したら良い？
 そもそもネットで売上は増える？


Web担当がまとめた要件
 メニューとリンクを整理したい
 改修範囲：Top、商品、案内、買い方
 ユーザー視点でリンクを整理
 買い方の説明を追加
 運用を楽にしたい
 「bingo!CMS」でナビ自動化＆すぐ更新
 効果を測定したい
 Google AnalyticsでKPIを定点観測


ユーザーモデル
飲んで飲みたい
知ってみたい

いろいろ選んで

方法を調べ

買って／行って
偶然
飲む。
もっといつも

サイトの役割対話
ブログ
知って
• 広告
• 検索案内お知らせ
• 他のSHOP

商品
選んでカタログ
買い方方法を調べお店
検索
注文
飲む。

メルマガ購読者数
サイトの成功指標対話
クリック数ブログ
知ってリプライ・
• 広告
新規
• 検索案内お知らせコメント数
訪問者数
• 他のSHOP 閲覧
商品・商品数
お店/イベント
買い方方法を調べ閲覧回数
お店
検索
新規買って／行って
購入者数注文
リピート
購入者数飲む。


改善対象ページは対話
ブログ
知って
• 広告
• 検索案内お知らせ
• 他のSHOP

商品
既存ファンとの対話
は問題なさそう。検索
新規の顧客獲得に注文
力を入れる
飲む。

もっと具体化
しました


TOPページを整理
ブログ
知って
•SGとは •お知らせ
•エールとは •商品

案内 •買い方
商品
検索
注文
飲む。

商品カタログを整備
ブログ

案内 •買い方
•特徴 •季節別
•比較 •相手別

個別詳細

買い方 • 他の
おすすめ
お店
検索
注文
• Map

買い方を説明ブログ

案内 •買い方
•特徴 •季節別
•比較 •相手別

個別詳細
•買える/飲める店
•オンライン注文
買える飲める
店Map 店Map
カスタムカード可

セット

TOPページ用コンテンツ
•サンクトガーレンとは •SGとは •お知らせ
•買い方
⽇本の地ビール解禁前より激戦区のアメリカでビール造りを開始した地
ビール0号。地ビール解禁後は神奈川県厚⽊市で醸造を開始、スイーツ
ビール、チョコビール、⻨のワイン、⼀升瓶ビール、など話題のギフト
地ビールはこれまでに国内外で多くの賞を受賞。今なお社⻑⾃らが最前
線で、⼤⼿ビールとは製法も味も対極にあるエールビールを造り続けて
いる。

サンクトガーレン社⻑兼ブルーマスター岩本伸久

■ 地ビール業界のメダルコレクター
インターナショナル・ビアコンペティション06-08年の3年連続で最多
メダルを獲得した他、モンドセレクション08では初出品ながら、出品
ビール全てが最⾼⾦賞を初めとするメダルを獲得。

読売・朝⽇・⽇経・毎⽇・産経新聞の⼈物紹介欄、ビックコミックビジ
ネスで⾃⾝題材の漫画掲載、TV出演多数。

TOPはこの程度。
詳しくは別ページへリンク


•エールとは（サンクトガーレンのビールの特徴） •SGとは •お知らせ
ビールは製法の違いで⼤きく２つに分かれます。⽇本のビールの9割以上は下⾯ •買い方
発酵製法によるラガービールですが、サンクトガーレンのビールは全て“喉越し・
キレ“よりも”コク・⾹り”を重視した上⾯発酵製法のエールビールです。

上面発酵製法で造るエールビールビールタンクの上部でワイン代わりに
■ビール酵⺟は液⾯の上で活動発酵するエールビール葡萄の栽培に適さない地域で、ワイ
■⾼温(20度前後)で⼀気に発酵ン代わりに発展。ワインに劣らない
ビール酵⺟が果実のような⾹り成分エステ豊かな⾹りと味わいで、合わせる料
ルを⽣成し、フルーティーな⾹り理によっても魅⼒が倍増。

下面発酵製法で造るラガービール水代わりに
■ビール酵⺟は液⾯の下で活動⽔道が整っていない昔、⽔の代わり
■低温(10度前後)でゆっくり発酵として普及。冷やしたラガーは暑い
すっきりとシンプルな味わいビールタンクの下部で⽇に喉の渇きを潤すのに最適。
発酵するラガービール

Webなので見せ方は工夫が必要


•お知らせ •SGとは •お知らせ
•買い方
•最新ビール情報サンクトガーレン出店イベント
■11/6(⼟)・7(⽇) あつぎ国際⼤道芸
@厚⽊市中央公園
国内外からトップレベルの⼤道芸⼈が集結
し、マジック、ジャグリング、パントマイ
ム等盛りだくさんのパフォーマンスを披露。
市役所前の厚⽊市中央公園にて＜樽⽣＞
ビールを販売します。

■11/12(⾦)・13(⼟) 農林⽔産祭「実りのフェスティバ
ル」＠東京ビッグサイト
⽇本全国の特産物が勢揃いします。サンクトガーレンは神奈川
県代表として湘南ゴールド(神奈川県開発のオレンジ)の PRの
•最近のブログ記事⼀環として出展します。もちろん湘南ゴールド＜樽⽣＞販売も
あります。

■11/17(⽔)夜→18(⽊)0時乾杯ディアブロ解禁ナイト
ボジョレーと同時解禁するビール、バーレイワイン(⻨のワイ
ン)ディアブロの開栓のカウントダウンが各地のビアバーで⾏
われます。

■11/27(⼟)~29(⽉) ニッポン全国物産展＠池袋サンシャイ
商品、イベント、ブログ記事、を分けンシティ
TOPには直近５本程度のみ掲載。
る（対象が異なるため）
終了分は掲載停止。全部の一覧（
今後は公式情報はブログではなくカレンダー）へリンク
本サイトで © 2010 Makoto Shimizu 20

•商品 •SGとは •お知らせ
•買い方

チーズや卵料理、
↑この程度の量のテキストでまろやかで優しい飲み⼝。
濃厚なのにスルスル飲め、
お蕎⻨とも相性抜群

通年商品を並べる。詳細はその柔らかさは“⿊ビール
コク ★★★★
は苦い”という常識を覆す
別ページへ。画像はビンではほど。コーヒーのような焙⾹り ★★★
煎⾹とほろ苦さがあります。苦味 ★★
なく入れたイメージで。例→ ｱﾙｺｰﾙ 5.5%

限定はバナーを掲載
TOPではバリエーションを知り
比較できることが重要

商品一覧ページ用コンテンツ
•商品一覧商品
カタログ

特徴、飲み方などの
コンテンツへリンク

ブラウン

切り口を複数用意し比較ブラウン
ブラウン

•テイスト別 •季節別コク ★★★★
⾹り ★★★
•初心者向け •贈る相手別苦味 ★★
•価格別ｱﾙｺｰﾙ 5.5% ブラウン
ブラウン


商品詳細ページ用コンテンツ
•商品詳細商品
カタログ
個別詳細

既存コンテンツを踏襲
買える店、飲める店、直営シ
ョップ、お好み注文フォームへ
のリンク方法と場所を統一


買い方ページ用コンテンツ
•買い方 •買える/飲める店
•オンライン注文
•オンラインで買う •お店で買う
■サンクトガーレン直営【地ビールショップ】全国○箇所のお店で買えます、取扱い商品が
お薦めビール・売れ筋ビールをまとめたセット ○○（全部買えるわけではないと伝える）
をご⽤意しました。注⽂すると○⽇で届きます。
【⽀払】カード・代引・銀⾏振込

■お好み注⽂フォーム実際の⽩い箱 •お店で飲む
銘柄の指名買いができます。に６本程度詰
【⽀払】代引・銀⾏振込のみめた開封写真全国○箇所の飲⾷店で飲めます、樽なので新鮮、
を泡が○○、○○が通年で飲める、などメリット
を訴求


二つのショップ
を整理する方法


頭の中に概念モデルを作る
 鍵を開けるのは時計周り？

？

頭の中に概念モデルを作る
 イメージ化すると理解し記憶できる

オンラインで買う二つの方法
■サンクトガーレン直営【地ビールショップ】
お薦めビール・売れ筋ビールをまとめたセット
をご⽤意しました。注⽂すると○⽇で届きます。
【⽀払】カード・代引・銀⾏振込

■お好み注⽂フォーム
銘柄の指名買いができます。
【⽀払】代引・銀⾏振込のみ
オンラインのショップに分かりやすい名前をつけて、表記を統一。
△サンクトガーレン直販Shop 何のショップ？
◎サンクトガーレン直営【ギフト地ビールショップ】長いけどベスト？
◎サンクトガーレン直営【地ビールショップ】少し短くするならコレ
○サンクトガーレン地ビール直営ショップ短いけど分かりにくい
と
×サンクトガーレン・カスタムShop ビールっぽくない
△サンクトガーレン指名買いShop かっこ悪い？
○オンライン発注フォーム Shopではなく機能と位置付ける
◎お好み注文フォームわざわざオンラインとつける必要ない？

アクセス解析「Google Analytics」を導入
 ASPへの導入：ココログ、カラーミー
 クロスドメイン設定を自動化
 ゴール設定：注文、購読
 国内検索エンジン対応
 リンク切れ計測
 外部ファイル化と非同期対応


アクセス解析で知りたいこと
 現状把握
 サイト間の遷移は？ブログの効果は？
 新規は購入や再訪問しているか？
 改善点の洗い出し
 離脱ポイント
 狙うべきキーワードは？
 直すべきリンク切れは？


 現状把握
 サイト間の遷移は？


 現状把握
 新規は購入や再訪問しているか？


 直すべきリンク切れは？
page=/beers/dia&from=http://hootsuite.com/dashboard 2
page=/beers/diablo2010.html&from= 2
page=/home.php・・from=http://nanapi.jp/post 2
page=/shop/html&from= 1
page=/amber&from= 1
page=/beers/apple2010.php&from= 1
page=/beers/diablo2&from=http://bit.ly/ 1
page=/beers/diablo2010.php&from= 1
page=/beers/shonan-
pineapple2010.php""""?__utma=1.601160801.1289886438.1290057467.1290086581.12&from=http://sank 1
tgallen.shop-pro.jp/?pid=18085908
page=/beers/www.SanktGallenBrewery.com&from=http://www.sanktgallenbrewery.com/beers/pr01apr
1
2010.html


CMS要件
 サーバーの制約と運用負荷を考慮し再選定
 独自ドメインのSaaS
 任意URL
 ページ別レイアウト指定
 WYSIWYG入力
 ナビゲーション自動化
 EC決済
 メルマガ購読配信
 お問い合わせ
 独自Blog

bingo! Express
のデモ


2案届きました


まとめ
 選ぶのも制作の一部
 ゴールを最初に明確に
 提案はドラフトに過ぎない。
選んだ後の調整が重要


月１回、オーナー＋専門家が登壇
1. 8/5 (木)プロローグ
2. 9/9 (木)ニッセン＃１
3. 10/7(木)ニッセン＃２
4. 11/4(木)19:00～20:30サンクトガーレン＃１
5. 12/9(木)19:00～20:30サンクトガーレン＃２
6. 1/13(木)19:00～20:30サンクトガーレン＃３


ご清聴ありがとうございました。

過去の講演資料や最新情報は下記のサイトまで

実践 CMS @mak00s

実践CMS*IA

http://www.cms-ia.info


（参考）オンラインで読める記事

記事のご案内
2010
 『楽天経済圏を支えるアクセス解析の全貌』
http://www.itmedia.co.jp/enterprise/articles/1005/21/news003.html

 『楽天の最適化担当者がOmniture Summitで感じたこと』
http://markezine.jp/article/detail/9983

 アクセス解析実践日誌
1. 縦長いページデザインは是か否か？
楽天におけるスクロール量計測の裏側
http://markezine.jp/article/detail/10542
2. Twitterは売上に貢献するのか？
TwitterマーケティングにおけるKPIの再検証
http://www.markezine.jp/article/detail/11111
3. 外部リンクは別ウィンドウで開かせるべきか？
アクセス解析でユーザー行動を理解する
http://www.markezine.jp/article/detail/11734


MdN Web STRATEGY
『実践的インフォメーションアーキテクト論』
http://www.mdn.co.jp/di/articles/529/?page=4
1. IAの成り立ちとタイプ分け
2. 架空プロジェクトでIAの活動内容を理解する
3. 情報の整理とは
4. IA設計の逆流アプローチ ★
5. ワイヤフレームもコンテンツ管理を
6. 捨てられないスタイルガイドとは ★
IAは救世主？
2005-2007
7.



ロフトワーク WebEXP.jp
『CMSとIA〜デジタル時代を生き抜く情報整理術』
1. CMSとIAの接点：溢れる情報を整理しよう
http://www.webexp.jp/feature/200811/20081125_cmsia1.html

2. コンテンツ管理の本質：リポジトリとは
http://www.webexp.jp/feature/200902/20090203_cmsia2_1.html

3. 音楽ファイル（MP3）をCMS流に管理しよう
http://www.webexp.jp/feature/200906/20090627_cmsia3_1.html

『CMS選定の表ワザ・裏ワザ』
 ロフトワーク諏訪社長×楽天清水氏のメール対談
http://www.webexp.jp/feature/200911/20091104_ascii1.html

2008-2009


MdN Web STRATEGY
『実践CMS導入・運用ガイド』
http://www.mdn.co.jp/di/articles/315/?page=2
1. CMSの要件は何を定義すべき？
2. ツールの評価から運用上の問題点を見極めよう
3. CMSで解決できる分類・ナビゲーションの課題とは
4. ドキュメント管理で生産性をUP

2007-2009
5. ワークフローの本当の意義とは
6. 資産としてのテンプレート ★
7. 複雑化するサイト配信
8. DAMとCMSでシングルソースを実現
9. コンテンツ移行をスムーズに進めるためのプランニング ★
10. 使いやすさの最先端？気になる3種類のCMSをレビュー
11. SOA流のCMS連携術
12. ECMの本命？ようやく動き出したOracleのCMSを徹底レビュー
13. CMSの真価はコンテンツの構造化にあり ★
14. マーケティングを加速するCMS



Web担当者Forum
『ステップ式！CMS活用はじめの一歩』
http://web-tan.forum.impressrd.jp/l/2499 2008
-2009
1. コンテンツの理解から始める導入準備
2. 4つのステップで進めるCMSの情報収集
3. CMS導入の提案を社内で通すための7つの説得手法
4. RFPでは失敗する？ CMSをうまく選ぶためのチェックリスト
5. CMSの可能性を最大化するためのWeb担当者の心得 ★
6. CMS導入でのコンテンツ移行を成功させるポイント
7. CMS導入はゴールではなくスタート、その「運用」の秘訣とは
8. CMSのROIを体感しよう ★
9. CMSを超えた？無料でサイトを構築できる16サービスを一
挙紹介 ★
『Webのレビューに便利なオンライン付箋ツール』
http://web-tan.forum.impressrd.jp/e/2009/02/20/4875

IAチャンネル：地ビールのIA最適化事例その2

Recommandé

Recommandé

Contenu connexe

Similaire à IAチャンネル：地ビールのIA最適化事例その2

Similaire à IAチャンネル：地ビールのIA最適化事例その2 (9)

Plus de Makoto Shimizu

Plus de Makoto Shimizu (20)

Dernier

Dernier (11)

IAチャンネル：地ビールのIA最適化事例その2