SlideShare una empresa de Scribd logo
1 de 30
Descargar para leer sin conexión
i メディア をもっと面白く!

モバイル革命到来!
世界でもっとも信用されているサービス
世界でもっとも信用されているサービス

Copyright © 2014 DOMO.INC All Rights Reserved.

1
i メディア をもっと面白く!
モビファイ

マルチスクリーン対応のための信頼のサービス

Googleのマルチスクリーン
アプルーブド・ベンダー」に認定
「アプルーブド・
モビファイは、米Googleによる「アプルーブド・ベンダー」に認
定されています。Googleはレスポンシブウェブデザインをマルチ
スクリーン時代の推奨Webとしていますが、モビファイはレスポ
ンシブウェブデザインと同じ状態をJavaScript適合で実現します
。結果、SEO対策、ソーシャルシェア、アクセス解析においても
理想的なWeb環境を作り出します。

米フォレスター・リサーチ:レポート

モバイルEコマースのトップベンダー10社の
中で、Web部門において最高得点を獲得
米フォレスター・リサーチは、2013年12月27日、今後のEコマー
ス・リテイラーの用途や目的にかなうトップモバイルベンダー10社
の評価を発表しました。このモバイルWeb部門において、モビファ
イ社は全10社の中でもっとも高い評価ポイント(5.0point)を獲得
しました。
Copyright © 2014 DOMO.INC All Rights Reserved.

Mobile Web部門
部門
5点満点
点満点
i メディア をもっと面白く!

One Web ソリューション
美しく、リッチなデザインと
同一URLを実現する
同一
を実現する
ただひとつWebソリューション
Copyright © 2014 DOMO.INC All Rights Reserved.

3
スマートフォンの位置づけ

i メディア をもっと面白く!

PCがサブになり、3つのタブレット(スマホ)が主役となる。
3つのタブレット(スマホ)が主役となる

9.7inch

4~5inch
6~7inch

モバイルファーストによるサイト設計
注力する作業のみ
Copyright © 2014 DOMO.INC All Rights Reserved.

4
アプローチ方法のそれぞれ

i メディア をもっと面白く!

混沌とするスマホサイト化へのアプローチ
レスポンシブ
デザイン
プラグイン対応

携帯コンバート

HTML5?

PCコンバート
CMS
組み込み

専用サイト構築

Copyright © 2014 DOMO.INC All Rights Reserved.

5
ワンソース・マルチデバイスの発想i メディア をもっと面白く!

テンプレートを作成で
ひとつのWebで
マルチデバイスに対応!
9.7inch

×1.3(コスト)
6~7inch

製作コスト・運用コスト、
人的コストを劇的に下げる
Copyright © 2014 DOMO.INC All Rights Reserved.

4~5inch

6
モバイルに必要なこと

i メディア をもっと面白く!

モバイルファーストに必要な条件
1.高速な表示性能(画像ローディング)
2.同一URLで統合的なWeb環境
3.7インチ・タブレットにも対応
4.確実なセキュアの確保
5.リッチなデザイン表現
Copyright © 2014 DOMO.INC All Rights Reserved.

7
i メディア をもっと面白く!

・2007年設立のテクノロジー集団
・5年間の運用実績
・グローバル20,000件のアカウント発効
・mobifyプラットフォームで世界のスマホUUの20%
を作りだしています。(2011年)
2011年Mobifyによるユニークビジターは、1億6700万人。世界スマートフォン人口
が8億3500万人とされるなか(モルガン・スタンレー調べ)、約20%に相当します。
Copyright © 2014 DOMO.INC All Rights Reserved.

8
i メディア をもっと面白く!

米国スターバックス・コム

Copyright © 2014 DOMO.INC All Rights Reserved.

9
i メディア をもっと面白く!

Copyright © 2014 DOMO.INC All Rights Reserved.

10
i メディア をもっと面白く!

世界のモバイルリーダーたちの信頼

Copyright © 2014 DOMO.INC All Rights Reserved.

11
国内における導入実績
国内における導入実績 (Mobify PRO)
花王様

エマール

キュレル

コーポレートサイト

ソフィーナ

Copyright © 2014 DOMO.INC All Rights Reserved.

i メディア をもっと面白く!

スクロール様

ソフィーナプリマヴィスタ

scroll shop

ロマンティックプリンセス

マイカジスタイル

marble & marsh

Rapty

12
国内における導入実績
国内における導入実績 (Mobify PRO)

i メディア をもっと面白く!

「 NTTレゾナント様:
goo自動車&バイク」

「トヨタマーケティングジャパン様:
ドックサークル」

「 HONDA様:
社内イントラネット」

「 サンリオ様:
公式サイト」

「 アイスタイル様:
@BEAUTIST」

Copyright © 2014 DOMO.INC All Rights Reserved.

「新潮社様:
ニコラネット」

「ローソンHMVエンタテイメント様:
ローチケ.com」

13
i メディア をもっと面白く!

高速な表示性能
PCサイトの1/10以下の容量に
必要な要素しか読み込みしません。Proシ
リーズはさらに90%削減。
※モバイルの環境化では、読み込み時間は5秒
以下を推奨しています。
Copyright © 2014 DOMO.INC All Rights Reserved.

14
i メディア をもっと面白く!

OneWeb ワールド
完全な同一URL
スマホも、タブレットもPCも

Copyright © 2014 DOMO.INC All Rights Reserved.

15
i メディア をもっと面白く!

タブレット対応
・7inch対応。Kindle fire、Nexus7も、
iPad miniもすぐさま対応。(作り替え不要)
・Eコマースで効果をあげるタブレット対策に。

Copyright © 2014 DOMO.INC All Rights Reserved.

16
i メディア をもっと面白く!

リッチなデザイン&モバイルUI
リッチなデザイン&モバイル
・美しいデザインを提供
~スクラッチと同じレベルのデザインが可能
・タッチ&スワイプのデザイン。効果をあげる
UIデザインの提供

Copyright © 2014 DOMO.INC All Rights Reserved.

17
i メディア をもっと面白く!

最適化
UIデザイン
9.7インチのiPadでも、専
用のデザインにすること
で、コンバージョンを上げ
ています。タッチ&スワイ
プの操作に併せた、UIデ
ザインの最適化を行うこ
とが重要です。

https://vimeo.com/42431506
Copyright © 2014 DOMO.INC All Rights Reserved.

18
i メディア をもっと面白く!

セキュアの確保
・フェールセーフな仕組み
万が一のトラブルでも、PCサイトを表示し
ます。
Copyright © 2014 DOMO.INC All Rights Reserved.

19
自動変換の仕組みとは?

i メディア をもっと面白く!

多くはプロキシー型による変換

タグ設置

m.yourdomain.co.jp

Proxy

セキュアが100%とはいえない。

サーバ

SSL
サーバ

Copyright © 2014 DOMO.INC All Rights Reserved.

20
自動変換の仕組みとは?

i メディア をもっと面白く!

クラウド&Tagマネージメント方式

タグ
設置

yourdomain .co.jp

セキュアが100%確保

Cloud
Copyright © 2014 DOMO.INC All Rights Reserved.

画像&テンプレート
情報のみ送信

21
i メディア をもっと面白く!

Professional Services
・デザインと開発のフルサポート
初期セットアップをお手伝いします。

・サイトの共同開発とトレーニング
レクチャー、サポート、マニュアル提供などサイト
構築のサポートを行います。
Copyright © 2014 DOMO.INC All Rights Reserved.

22
OneWebソリューション

i メディア をもっと面白く!

方式

One Web ソリューション

スクラッチ

サブドメイン

domain.com

m.domain.com (別ドメイン)

リアルタイムコンテンツの更新

◯

メールマーケティングの統合

◯

リスティング広告との統合

◯

オーガニック検索の最適化

◯

×

ソーシャルメディアの集客、拡散

◯

×

Analyticsの統合

◯

×

A/Bの最適化試験

◯

×

アフィリエイトコード&トラッキング

◯

×

クーポンコード&モバイル専用クーポン

◯

Copyright © 2014 DOMO.INC All Rights Reserved.

別々に更新
×
キャンペーンが二度手間、非効
率

開発・カスタマイズが必要

23
i メディア をもっと面白く!

変換ツールを超えたプラットフォーム

もっとも先進の
ワンソース&マルチデバイス対応
サービス

Copyright © 2014 DOMO.INC All Rights Reserved.

24
i メディア をもっと面白く!

Copyright © 2014 DOMO.INC All Rights Reserved.

25
i メディア をもっと面白く!

スマートフォン比率は4.7%から %に増加
スマートフォン比率は %から21%に増加
%から
※2011年1月と2012年1月のデバイス比率比較

2011年1月
スマホ比率

4.7%

Copyright © 2014 DOMO.INC All Rights Reserved.

2012年1月
スマホ比率

21%
26
i メディア をもっと面白く!

高い所有率、今後の購入検討者も多い
スマホ、タブレットの所有率 / 今後の購入意向
iPad
Android

19.4

20.0

4.9 13.5

タブレット

iPhone
Android

19.4
23.4

21.9
26.3

スマホ
Copyright © 2014 DOMO.INC All Rights Reserved.

27
i メディア をもっと面白く!

進むマルチデバイス対応

iPad
Android
iPhone

Webアプリ
Webアプリ
(SP Bata) 電子版
マーケット

PC
新聞
Copyright © 2014 DOMO.INC All Rights Reserved.

28
i メディア をもっと面白く!

【平日】端末別利用時間帯

PC(n=894)
100

(%)

iPad用アプリ(n=372)
80

スマートフォン用アプリ(n=513)

紙
紙(n=788)
60

iPad

40

20

0

朝

出

勤

日
勤

休

め

他

め

中
め

勤
日

朝 

中 
勤

学

の

先

・

外

・
自

め

先

先
間

学

出
学

宅

め

時

勤
通

憩

・
宅

勤

自
で

夜

就

先
宅
学

移

自
・
で

帰
途

始

・

業

先

/
校

先

校

上

業

学

中

・

空

な

へ

な

/

前

校

に

学

い

ど

の
ど

外

に
な

校

た
外

移

外

出

ど

な

時

出

動
出

出

先

外

ど

間

先

中

先
先

へ

出

の

に

で

に

か
か

の

先

ら
ら

で

動

校
宅
な

中
途

ど

に

中
外
に

の
で

Copyright © 2014 DOMO.INC All Rights Reserved.

の

29
i メディア をもっと面白く!

Mobifyは米
は米Googleが認定した
が認定した
は米
が認定
マルチスクリーンベンダーです。
http://www.google.com/think/mult
iscreen/vendors.html

Copyright © 2014 DOMO.INC All Rights Reserved.

株式会社ドーモ
モバイル事業部
東京都中央区築地2-11-26
築地MKビル
TEL:03-6228-4616
今井・西村・山崎
30

Más contenido relacionado

Similar a モバイル革命到来!世界でもっとも信用されているサービス

マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~株式会社ドーモ
 
HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザインmasaaki komori
 
20140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料120140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料1NIFTY Cloud
 
企業WebサイトにおけるグローバルWebガバナンスパターン
企業WebサイトにおけるグローバルWebガバナンスパターン企業WebサイトにおけるグローバルWebガバナンスパターン
企業WebサイトにおけるグローバルWebガバナンスパターンConcent, Inc.
 
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~Masahiro Hidaka
 
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリアシアル株式会社
 
次の5年のUIを考える
次の5年のUIを考える次の5年のUIを考える
次の5年のUIを考えるSaori Baba
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
Wimob Presentation - Japanese
Wimob Presentation - JapaneseWimob Presentation - Japanese
Wimob Presentation - JapaneseWimob
 
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意Nobuya Sato
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Yasuhisa Hasegawa
 
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)Nobuya Sato
 
レスポンシブウェブデザインの今後を考える
レスポンシブウェブデザインの今後を考えるレスポンシブウェブデザインの今後を考える
レスポンシブウェブデザインの今後を考えるAkinori Kawamitsu
 
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハモバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハHiroyuki Makishita
 
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)壽子 大倉
 
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -Mikihiro Fujii
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 

Similar a モバイル革命到来!世界でもっとも信用されているサービス (20)

マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
 
HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザイン
 
20140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料120140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料1
 
企業WebサイトにおけるグローバルWebガバナンスパターン
企業WebサイトにおけるグローバルWebガバナンスパターン企業WebサイトにおけるグローバルWebガバナンスパターン
企業WebサイトにおけるグローバルWebガバナンスパターン
 
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
 
Sixapart day-2012-ideamans
Sixapart day-2012-ideamansSixapart day-2012-ideamans
Sixapart day-2012-ideamans
 
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
 
次の5年のUIを考える
次の5年のUIを考える次の5年のUIを考える
次の5年のUIを考える
 
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Wimob Presentation - Japanese
Wimob Presentation - JapaneseWimob Presentation - Japanese
Wimob Presentation - Japanese
 
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
 
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
 
レスポンシブウェブデザインの今後を考える
レスポンシブウェブデザインの今後を考えるレスポンシブウェブデザインの今後を考える
レスポンシブウェブデザインの今後を考える
 
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハモバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
 
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
 
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 

モバイル革命到来!世界でもっとも信用されているサービス