Confidential

B to B 企業サイトリニューアルのポイント ＋ HTML5 CMS - Web Meister2013.04. 19

http://www.x-yz.co.jp/
Copyright © xyz Corporation. All Rights Reserved.

株式会社サイズについて
商号

株式会社サイズ / xyz corporation

所在地

東京都渋谷区上原1-1-8
代々木公園セントウエストテラス3F

設立

2008年7月1日

資本金3000万円

経営陣

代表取締役
取締役
顧問

事業内容

所属団体

国内最大手Web制作会社よりスピンアウト
糟谷 博陸(元IMJ事業本部長)
山本 聰(元IMJチーフDir.)
石川 幸夫(元博報堂アイ・スタジオ代表取締役社長)

Webコンサルティング
Webサイト企画・制作・運用
ソフトウェア開発・販売
コンピュータソフトウェア協会(CSAJ)
日本アドバタイザーズ協会 Web広告研究会
KIEP（慶應SFCイノベーション&アントレプレナー
シップ・プラットフォーム研究コンソーシアム）

Copyright © xyz Corporation. All Rights Reserved.

HTML5 CMS – Web Meister による マルチデバ
イス化した Web サイトを制作する Webインテグレーターです。
レスポンシブ Web デザインやHTML5などを活用したWebサイト制作に積極的に取り組んでおります。

2

経歴

1994年、セガ入社。主に電波メディアを担当。

2000年、Web制作を行うIMJに入社。
Webアナリストとして金融・ECサイトなどの調査・分析
スカイパーフェクTV!、 ユニクロなどIMJを代表する案件の組織マネジメント、プロデュースを事業本部長として行う。
2005年、CMS - Web Meisterを完成。
2007年、世界40ヵ国を旅する。
2008年株式会社サイズ設立。
IMJよりWeb Meister事業を譲受。PC・携帯・スマートフォンへワンソースマルチデバイス化したWebサイト+CMSを提供するWebインテグレーションを事業とする。

2004～6年、慶大SFC外部講師

3
Copyright © xyz Corporation. All Rights Reserved.

経歴：セガCopyright © xyz Corporation. All Rights Reserved.

4経歴：IMJ＝World Wide Web Consortium（ワールド・ワイド・ウェブ・コンソーシアム）は、World Wide Webで使用される各種技術の標準化を推進する為に設立された標準化団体、非営利団体。略称はW3C（ダブリュースリーシー）。

慶應義塾大学湘南藤沢キャンパスはMIT、ERCIMと共にW3Cのホスト機関として、世界のWebサイトをリードしていく立場にあるキャンパス。
公開

作業範囲

2004年4月～2008年12月

 コンサルティング
 情報整理・設計
 インターフェイス設計・制作
 XML、XSLT、XHTML作成
 CMS導入
 ガイドライン策定

XMLで全てのコンテンツを管理するCMS（Web Meister）を構築
スタイルシートでデザインパターンを3つに分けて制作。
デザインスイッチで切り替えることが可能で、ユーザーの好みに合わせたクリエィティブを表現。

5
Copyright © xyz Corporation. All Rights Reserved.

経歴：IMJWeb Designing 2011年6月号
毎日コミュニケーションズ
特集1：Webクリエイティブの10年−記憶に刻むべき21世紀最初のディケード−
誌面を彩ったサイトで振り返る10年「あらためて振り返る、“新しさ”を作りだしたサイト」
弊社、糟谷・山本が2004年に制作した慶應義塾大学 湘南藤沢キャンパスが掲載「CSSを実装し、スイッチでデザインを切り替えられる仕組みを採用して話題となった。CSSレイアウトの利点を目で見える形で示した日本で最初の試みだと言ってもいい。」

KIEP（慶應SFC イノベーション & アントレプレナーシップ・プラットフォーム研究コンソーシアム）「SFCの知の活用と実践の加速」、「InnovationとEntrepreneurship のプラットフォーム形成」を目的としたSFC研究コンソーシアムに加盟

Copyright © xyz Corporation. All Rights Reserved.

6経歴：世界一周

2007年、アジア、ヨーロッパ、中東、アフリカ、アメリカ大陸の世界40ヵ国を旅する。世界遺産検定2級

Copyright © xyz Corporation. All Rights Reserved.

7経歴：xyz corporation

Copyright © xyz Corporation. All Rights Reserved.

8

会社概要：スタッフプロフィール[Web担当者Forum]人気ランキング総合5位
http://web-tan.forum.impressrd.jp/e/2012/05/23/12714[Web担当者Forum]人気ランキング総合3位
http://web-tan.forum.impressrd.jp/e/2012/11/07/13898

http://www.x-yz.co.jp/slippy/src/index.php?file=webtan.html
Copyright © xyz Corporation. All Rights Reserved.

9弊社も B to B 企業です。

10
Copyright © xyz Corporation. All Rights Reserved.

B to B Webマーケティング ファネルモデル

SEO対策だけではありません。
接触レベルが近いメディアから対応するべき
遠

近
メルマガ

ソーシャルメディア

SEO対策

TOPページ／ランディングページ

多広告

認知商品／カテゴリTOP
アクセス解析

商品／事例ページ
申込／購入

少情報収集
比較検討
リード
顧客
営業
CRM

Copyright © xyz Corporation. All Rights Reserved.

11

メルマガ

既に獲得したリードを顧客に転化
もっとも費用対効果が高い。
メルマガを作成。２週間か1ヶ月に１回程度配信
メルマガ
社内メール
メールシグネチャー＜目的＞
展示会やWebで収集した見込み客をメルマガで啓蒙し、有望な見込み客へと育成。
購入意識を育てて、その検討度合いを把握し、しかるべきタイミングでセールス活動につなげる
Copyright © xyz Corporation. All Rights Reserved.

12ソーシャルメディア

Webサイトと連携。情報を即時配信

Copyright © xyz Corporation. All Rights Reserved.

13

SEO対策

SEOにおいて重要とされる施策を自動生成

重要度

1

2

内容

対策

○
○

sitemap.xmlを自動生成<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><url><loc>http://www.webmeister.jp/NEWS/press/20081001.html</loc><lastmod>2009-06-04T17:45:28+09:00</lastmod></url><url>・・・繰り返し・・・</url></urlset>
RSS各種規格に対応。ニュースを自動的に配信
RSS 1.0 RDF Site Summary
RSS 2.0 Really Simple Syndication
Atom
URL正規化タグ「rel="canonical"」を正規バージョンと複製バージョンに自動生成
googleやYahoo!、MSNなど検索エンジン各社も、URL正規化タグをサポートすることを発表

3○

4○

共通部分をXMLで一括管理。1か所変更すれば全ページに反映<variable value="：XML CMS(コンテンツ管理システム)-Web Meister(ウェブマイスター)" name="site_label" /><variable value="W3C の理想を体現するXML CMS「Web Meister」は、コンテンツの再利用ができるWeb CMS(コンテンツ管理システム)です。"name="site_description" /><variable value="Web CMS,XML CMS,CMS 制作,CMS 導入,コンテンツ管理シス
テム,ウェブマイスター,Web Meister,株式会社サイズ" name="site_keywords" />14Copyright © xyz Corporation. All Rights Reserved.

リニューアルのポイント
デザイン「他社と差別化を行うことができる御社ならではの新鮮味のある洗練されたデザイン
デザインテンプレート
マルチデバイス対応・ソーシャルメディア連携・SEO対策を考慮
情報設計・ニュース・イベントの分類と更新性の確保
・情報の再整理（カテゴリ、機能別、目的別など）
・今後の独自コンテンツの追加を想定した設計
・リッチクライアントや多言語対応を考慮
コンテンツ
・問題点の解決方法の提示
・ユーザ導入事例・問い合わせ強化など

CMS

CMSの導入『Web Meister』は、「マニュアルを必要としない使いやすさ」を目指して開発。オフィスが扱えればどなたでも利用可能

重要なのはそれぞれバランス良くボトルネックをつくらないこと。
B to B 企業の場合、コンテンツが専門的になりすぎて情報設計に問題が多い。
Copyright © xyz Corporation. All Rights Reserved.

15リニューアルのポイント
デザイン✕１度もリニューアルされておらず古臭いデザインテンプレート✕マルチデバイス対応されていない○ソーシャルメディア連携・SEO対策を考慮
情報設計✕ニュース・イベントの分類と更新性の確保✕情報の再整理（カテゴリ、機能別、目的別など）○今後の独自コンテンツの追加を想定した設計○リッチクライアントや多言語対応を考慮
コンテンツ○問題点の解決方法の提示○ユーザ導入事例✕問い合わせ強化など
CMSの導入『Web Meister』は、「マニュアルを必要としない使いやすさ」を目指して開発。オフィスが扱えればどなたでも利用可能

重要なのはそれぞれバランス良くボトルネックをつくらないこと。
B to B 企業の場合、コンテンツが専門的になりすぎて情報設計に問題が多い。
Copyright © xyz Corporation. All Rights Reserved.

16インバウンドマーケティング「Inbound Marketing（インバウンドマーケティング）」とは、アメリカの会社
HubSpot,Inc.の創業者、Brian Halligan氏とDharmesh Shar氏によって2005年に提唱されたマーケティングコンセプト。潜在的な顧客に対し、有益なコンテンツをインターネット上で提供することで、検索やソーシャルメディアで自分たちのサービスやプロダクトを見つけてもらいやすいものにし、自社のサイトへ来てもらいやすくする、というもの。

従来のマーケティングを考えたとき、例えて言うなら獲物を狙うハンター（狩猟）型のマーケティングだった。これからのマーケティングはハーベスター（農耕）型、コンテンツを生成することで種をまき、それが成長していくことで、時間をかけて収穫していくマーケティング手法といえる。
このコンテンツをつくり発信していくハーベスター型のマーケティング手法で最も重要なことは、「Autentic」、嘘をつかないこと。正当で、本当のことを正直に伝えること。そして、それこそが「Be Inboundy」インバウンド的であることだと高広氏は語った。
http://jp.startup-dating.com/2013/02/keynote-speech-im2013tokyo
Copyright © xyz Corporation. All Rights Reserved.

17インバウンドマーケティングかアウトバウンドマーケティングか（釣り）

どうすれば、「インバウンドか、アウトバウンドか」の議論の人達に「両方必要」で、「二者択一の思考をしているうちは、成果がでないのか」をわかってもらえるのだろうかと考えました。
３０を超えて、ようやくわかってきた（気がする）今だから言えるのですが、この議論って「恋愛」と同じなんですよね。どうすれば、夢のようにモテるのか。
アウトバウンドだけ、インバウンドだけ、では「望む」ような「モテ」方、恋愛は「成立」はしません。両方必要なんです。で、多くの企業は今まで「アウトバウンド」一辺倒だったので、「インバウンド」の発想が必要だよね、そういうフェーズにきているんだと思います。
http://b2bmarketing.jp/post/46473075185
Copyright © xyz Corporation. All Rights Reserved.

18

『心を動かすオウンドメディアのつくり方』

http://www.infobahn.co.jp/news/2313
Copyright © xyz Corporation. All Rights Reserved.

19

弊社ストーリー事例と最新制作手法

20
Copyright © xyz Corporation. All Rights Reserved.

主なターゲットユーザーの情報探索プロセス

ターゲットユーザー

A
B

流入経由

コミュニケーション目的

ゴール

Web担当者
・格安ではなくてもよい・良いものをつくりたい
・結果をだしたい

メール・メルマガ
Web記事SNSSEO

クリエイティブ力・技術力を見てもらってより信頼をえたい。
相談してほしい既存顧客の信頼度アップ新規顧客の質量のアップ

広告代理店
Web制作会社

メール・メルマガ
Web記事
SNSSEO

クリエイティブ力・技術力を見てもらってより良いパートナーに新規パートナーに既存パートナーの信頼度アップ
新規パートナーの質量のアップ

Web記事
SNSSEO

クリエイティブ力・技術力を見てもらって良い採用をしたい
認知を拡げたい良い人の申込
知らない人がいないようになる

Webクリエイター

C
D

弊社社員

会社へのロイヤリティの向上
会社の活性化21
Copyright © xyz Corporation. All Rights Reserved.

ホームページに求められるもの

xyz corporation
らしさ（理念、アイデンティティ、オリジナリティ）

情報ポータルとしての機能（ユーザーの目的に合わせた情報提供）

過去

デザインスイッチで切り替えることが可能で、ユーザーの好みに合わせたクリエィティブを表現。
CSSレイアウトの利点を目で見える形で示した日本で最初の試み

競合との差別化、過去を振り返ってストーリー化Copyright © xyz Corporation. All Rights Reserved.

22

xyz corporation らしさとは？

現在

縦横スイッチで切り替えることが可能で、和文の扱いに新しい価値を提供。
HTML5の利点を目で見える形で示した日本で最初ではないがそれなりの試み

未来のWebサイトへの期待感

23
Copyright © xyz Corporation. All Rights Reserved.

HTML5事例

・ページ単位ではなくHTML5 <section>単位で管理
・ロゴ・アイコンはSVGで作成。Retina
ディスプレイ対応・「レスポンシブWebデザイン」を採用し、PC、タブレット、スマートフォンの画面サイズに最適化された表示を実現。
さらにcanvas + File APIによるドローツー
ル、縦書変換スイッチを実装。
Copyright © xyz Corporation. All Rights Reserved.

24HTML5の現状

W3Cは2012年12月17日、HTML5とCanvas 2Dに関する仕様策定完了を発表。
これら2つの仕様は勧告候補となり、実質的には仕様策定が完了しています。
つまり、もう使っても問題ありません。
HTMLは文書構造、CSSは体裁、JavaScriptは挙動を担当
つまり、HTML5になってもこれまでと変わりません。

Copyright © xyz Corporation. All Rights Reserved.

25

Copyright © xyz Corporation. All Rights Reserved.

26

HTML5事例

・ページ単位ではなくHTML5 <section>単位で管理
・ロゴ・アイコンはSVGで作成。Retinaディスプレイ対応
Copyright © xyz Corporation. All Rights Reserved.

27

HTML5セマンティックス対応

Copyright © xyz Corporation. All Rights Reserved.

28

HTML5セマンティックス対応

Copyright © xyz Corporation. All Rights Reserved.

29

HTML5セマンティックス対応

Web Meister はページ単位ではなくHTML5 <section>単位で管理
Copyright © xyz Corporation. All Rights Reserved.

30

現在のWeb環境（マルチデバイス対応）

マルチデバイス対応の本質：
Webサイトは専用と汎用しか存在しないCopyright © xyz Corporation. All Rights Reserved.

31

専用サイトと汎用サイト

専用 ： デバイス毎にWebサイトを用意
PC＋携帯＋スマートフォンなどこれまでの制作手法

汎用 ： 1つのWebサイトで全てのデバイスに対応
レスポンシブWebデザイン、Appleのサイトなど（バラバラなので高コスト、デバイスごとのユーザ中心設計は可能）（1つで済むので低コスト、デバイスごとのユーザ中心設計は不可能）

ユーザファースト

コストファースト

Copyright © xyz Corporation. All Rights Reserved.

32

Webサイトの閲覧パターン
誰がいつ・どこでなにでなにの為にWebサイトで可能な範囲

タイプ A
営業時間に社内・店内で認知してもらう興味・関心を持ってもらう

タイプ B

✘
営業時間・営業時間外にタイプ C

社外でB to B 事業内容としてはPCの重要度が高く、スマトーフォン対応はそれほど重要ではない。
Copyright © xyz Corporation. All Rights Reserved.

理解を深めてもらう

問い合わせをしてもらう
資料請求してもらう

商品・サービスの購入事業提携
営業・サポートの効率化

33

マルチデバイス対応（レスポンシブWebデザイン）

Copyright © xyz Corporation. All Rights Reserved.

34

マルチデバイス対応（レスポンシブWebデザイン）

Copyright © xyz Corporation. All Rights Reserved.

35

マルチデバイス対応（レスポンシブWebデザイン）

Copyright © xyz Corporation. All Rights Reserved.

36

マルチデバイス対応トピックス

ハイエンドにはより高解像度の画像がローエンドにはより軽量な画像（テキスト）の対応が必要に
Copyright © xyz Corporation. All Rights Reserved.

37

Retinaディスプレイ／レスポンシブWebデザイン対応

ロゴ・アイコン＝SVG
SVG（Scalable Vector Graphics）とは、HTMLやXMLなどと同じくマークアップ言語の一種で、ベクター形式と呼ばれるグラフィックを扱うための言語です。
Webブラウザ

対応するバージョン

Internet Explorer

9以上

Firefox

3.0以上

Chrome4.0以上

Mac OS X Safari

3.2以上

Opera

9.0以上

iOS Safari

3.2以上

Androidブラウザ

3.0以上

android3.0以降も対応しているため、PC・スマートフォンで安定的に使用できる
Copyright © xyz Corporation. All Rights Reserved.

38

マルチデバイス対応（SVG：事例）

ロゴ・アイコンはSVG（ベクターデータ）で作成しているため、どんなに拡大しても画像が粗くなりません。
Copyright © xyz Corporation. All Rights Reserved.

39

現在のWeb環境（多言語対応）

現在のWeb担当者はやらなければいけないことがいっぱいです。「Web Meister」が全て解決します。

Copyright © xyz Corporation. All Rights Reserved.

40

多言語対応のポイント決定しなければならないこと■言語構造地域？（日本、アメリカ、中国、韓国など）
言語？（日本語、英語、スペイン語、簡体、繁体、ハングル）■Webサイト構造ドメイン
ディレクトリー構造■検索結果の表示は？
rel="alternate" hreflang="x“
sitemap.xml■更新は？
日本で現地で（多言語の管理画面、ユーザ時間管理）
Webサイト構造が同一で多言語展開する場合、次の手法が使えます。

Copyright © xyz Corporation. All Rights Reserved.

41

多言語サイトの制作方法①CMS上で日本語サイトの複製を作成
環境・テンプレートを複製

公式ホームページ
日本語版（複製）↓
中国語版

公式ホームページ
日本語版②コンテンツ（テキスト）をXML形式で抜き出し翻訳日本語⇒中国語に翻訳③翻訳したXMLをCMSに取り込む
XML（中国語）をインポート④中国語化されていない画像などの微調整日本語の画像・PDFなどの修正

XML
公式ホームページ
中国語版※前提条件：
中国語版の情報設計およびデザインは、日本語版に準ずる⑤完成！

日本語版を元に環境を構築、翻訳したテキストを取り込むことで完成デザイ
ントーンの統一、制作時間の短縮が可能
Copyright © xyz Corporation. All Rights Reserved.

42

多言語対応事例
ウシオ電機

Copyright © xyz Corporation. All Rights Reserved.

東芝機械

THK43多言語対応事例
国立音楽大学

Copyright © xyz Corporation. All Rights Reserved.

法政大学

明治大学

44

HTML5 CMS – Web Meister？

現在のWeb担当者はやらなければいけないことがいっぱいです。
「Web Meister」が全て解決します。

Copyright © xyz Corporation. All Rights Reserved.

45

静的CMSと動的CMSの違い
静的

動的ページ表示速度（同じ内容のHTMLで）絶対的に速い（プログラムを介さないため）絶対的に遅い

SEO対策（同じ内容のHTMLで）絶対的に強い（実体が存在するため）絶対的に弱い

セキュリティ
絶対的に強い（日時指定デプロイ型の場合）リスクが存在する

会員管理・マイページ
不可能

可能

用途に応じて使いわける、もしくは、組み合わせるべきCopyright © xyz Corporation. All Rights Reserved.

46

セキュリティ
静的

動的

セキュリティ
絶対的に強い（日時指定デプロイ型の場合）

決算公表前に情報漏洩が顕在化
Copyright © xyz Corporation. All Rights Reserved.

リスクが存在する47

セキュリティ
静的

動的

セキュリティ
絶対的に強い（日時指定デプロイ型の場合）リスクが存在する

この記事ではCMSの時限公開には4つのパターンがあるとしています。
・リンク自動掲載型
・ページアクセス制御型
・全アセットアクセス制御型
・日時指定デプロイ型
このうち、・リンク自動掲載型
・ページアクセス制御型
は新聞の記事の問題に該当し、非常に危険です。
Web Meister は日時指定デプロイ型です。

高いセキュリティレベルが求められるコンテンツは静的CMS：日時指定デプロイ型を選択するべき
Copyright © xyz Corporation. All Rights Reserved.

48

セキュリティ
静的

動的

セキュリティ
絶対的に強い（日時指定デプロイ型の場合）リスクが存在する

Movable TypeをCMSとして使用した場合の情報漏
洩リスクについて先日の上場企業の情報漏洩の事件は上場企業の広報様を始め多くの関係者が驚いたかと思います。
実際に使用されたCMSや、情報（PDF？）を取得した方法については不明ですがMovable Type(以下MT)でも同じ問題が発生する可能性があります。
対策ですが、主に上場企業様への対応としてAssetPublicityとSafePreviewというプラグインを提供しています。

Movable Type はページアクセス制御型
対応しても全アセットアクセス制御型まで
Copyright © xyz Corporation. All Rights Reserved.

49ページ表示速度
静的

動的ページ表示速度（同じ内容のHTMLで）絶対的に速い（プログラムを介さないため）絶対的に遅いこれまでにも何度かチューニングをやってはWordPress を壊した来経験がある。
結局どのサイトでも「WP Super Cache」を勧めてくる。
動きが怪しい・・・ WordPress 最悪のホワ
イトアウト。
しかし、ここはもう慣れたもの。ブラウザバックボタンで回避。今回はブラウザバックボタンで回避出来るた。奇跡的である。
「wordpress apache チューニング」

ECパッケージを開発しているプロのBlog
静的なHTMLよりも絶対的に遅い上に、永遠にページの増加と速度の低下と戦う必要がある
Copyright © xyz Corporation. All Rights Reserved.

50ページ表示速度
静的動的ページ表示速度（同じ内容のHTMLで）絶対的に速い（プログラムを介さないため）
アクション

絶対的に遅いMovable TypeWeb Meister

作成画面を表示6.92

5

プレビューを表示

7.35

2～10

編集画面を表示

6.66

2～4

保存

6.92

0～1

Web Meister は管理画面で編集者が体感速度で問題を感じやすい編集画面の表示・保存について徹底的に対応ページ数が数千ページでも速度はかわりません。
Copyright © xyz Corporation. All Rights Reserved.

51

製品コンセプト

W3C の理想を体現する HTML5 CMS - Web Meister『Web Meister』 は、W3Cのホスト機関である慶應義塾大学湘南藤沢キャンパスに導入するために開発されました。W3Cが提唱するXMLに基づくアーキテクチャーで開発を行い、ユーザインターフェースとコンテンツの分離、コンテンツの構造化を実現しています。
そのため、HTML5対応の条件となるHTML5リッチインタフェース対応、HTML5セマンティクス対応が可能です。
『Web Meister』は、高度な知識がなくても、今後のWeb環境の変化にも柔軟に対応できるCMSです。

Copyright © xyz Corporation. All Rights Reserved.

52

Web Meister のユーザインターフェース

マニュアルを必要としない操作性『Web Meister』のインターフェースは、「マニュアルを必要としない使いやすさ」を目指して開発されています。メールソフトと同じ3ペイン構造から成り、コンテンツの編集や変更は簡単に行なうことができます。
また、公開されているページデザイン上でコンテンツの編集が行える
WYSIWYG エディタ（見たままのものが反映される）や、リッチテキストエディタによって HTML の知識がなくてもオフィスが扱えればどなたでも利用可能

リッチテキストエディタ
Webコンテンツ編集に必要な機能に絞ることで「Web制作のプロがつくったサイト・クオリティを維持・管理」

3ペイン構造の基本画面

ページデザイン上で編集できる
WYSIWYGエディター

XMLモジュール

画像配置パターン選択画面

Copyright © xyz Corporation. All Rights Reserved.

53

Web CMS選択術-2012 まとめ■マルチデバイス対応 汎用＋専用
どのように汎用化するのか？ 何を専用化するのか？
■プログレッシブ・エンハンスメント
IE6～8に関して情報が正しく伝われば良いのか？
デザイン・インタラクションまでモダンブラウザと同じにするか？
■リッチクライアントのCMS化
HTML5、FlashやAjaxなどの外部XMLを管理できるCMSを選択すること■CMSでできるソーシャルメディア連携
コミュニケーション設計、組織体制・オペレーションルール
実はCMSより圧倒的に重要です。但し、自社サイト内でできるソーシャルメディア連携が可能かどうかはしっかり確認しましょう。
■CMSでできるSEO対策
SEO対策の内容が公開されているCMSを選ぶこと
CMS独自の秘密の対応策は存在しません。SEO対策の実施内容は確認することができます。ブラックなことをしていないか、ホワイト高品質のものでCMSが行うべきものが抜けていないか確認しましょう。

■多言語対応のポイント
たくさんあるのでご相談ください。
Copyright © xyz Corporation. All Rights Reserved.

54

B to B 企業サイトリニューアルのポイント

専門的なコンテンツを活かすために■最新の設計手法による回遊性の強化■御社ならではのオリジナルストーリー・コンテンツ■それを継続的に更新できる
HTML5 CMS – Web Meister の導入

Copyright © xyz Corporation. All Rights Reserved.

55

株式会社サイズxyz corporation

代表取締役 糟谷博陸
e-mail：kasukasu@x-yz.co.jp
twitter：kasukasu_xyz
blog：http://blog.x-yz.co.jp/kasukasu/
web：http://www.x-yz.co.jp/
http://www.web-meister.jp/〒151-0064：東京都渋谷区上原1-1-8
代々木公園セントウエストテラス3F
Tel ： 03-6407-0481 Fax ： 03-6407-0482

Copyright © xyz Corporation. All Rights Reserved.

56