SlideShare a Scribd company logo
1 of 26
Download to read offline
2014年年最新版! 
レスポンシブメールの 
おさえておくべきポイント解説 
株式会社ディレクタス 
新名 佐代
ディレクタスのご紹介 
設 ⽴立立:1993年年9⽉月 
代表取締役:岡本 泰治 
事 業 概 要: 
・クロスチャネル One-‐‑‒to-‐‑‒One コミュニケーションの実施/⽀支援 
・CCCMの導⼊入/運⽤用⽀支援 
・Eメールマーケティングの実施⽀支援 
・コンテンツ企画制作  
取 引 先: 
全⽇日本空輸株式会社マガシーク株式会社 
株式会社東急ホームズメットライフ⽣生命保険株式会社 
東洋ゴム⼯工業株式会社株式会社リクルートホールディングス 
⽇日産⾃自動⾞車車株式会社株式会社ワコール 
株式会社ネクスト 
他
ディレクタスのサービス 
コンサルティング 
クロスチャネルOne-‐‑‒to-‐‑‒OneマーケティングEメールマーケティング 
・ 戦略略⽴立立案 
・ シナリオプランニング 
・ 実⾏行行プランの作成とPDCAサイクル運営 
・ Responsys Interact Suite 
・ Probance Hyper Marketing 
・ IBM Marketing Center 
・ ExactTarget Marketing Cloud 
・ Pitney Bowes Portrait 
・ コンテンツの企画・制作 
・ レスポンシブデザインによるメールテンプレート制作 
・ 各種webコンテンツの企画・制作 
・ メール配信オペレーション(全ての配信システムに対応) 
・運⽤用フロー設計・改善 
・ 各種マーケティングツールのオペレーション 
・ リモート型/常駐型の各種運⽤用アウトソーシング 
クロスチャネル 
キャンペーンマネージメント 
導⼊入⽀支援 
コンテンツ企画・制作 
運⽤用アウトソーシング
スマートフォンの現状
スマートフォン保有が6割を超える 
総務省省 平成26年年度度 情報通信⽩白書より 
主な情報通信機器の普及状況
88.6%がPCとスマホ、両⽅方でメールを閲覧 
ディレクタス調べ(2014年年3⽉月)
セレゴ・ジャパン様で実施した調査では 
50%がスマホでメールを開封 
(2012年年実施のディレクタス調査) 
PC向けメールは、 
PC・スマホ両⽅方での閲覧を 
想定する必要がある
スマートフォンで登録するアドレスは? 
PCアドレスでの登録が8割を超え、「必ず携帯メールア 
ドレスを登録」は3.5%:ディレクタス調べ(2014.3)
レスポンシブメールとは
レスポンシブメールとは? 
PC向けのHTMLメールをデバイスに合わせて最適に表示させ 
ることで、様々な環境で快適に閲覧できるメールです 
HTMLメール
通常のHTMLメールの⾒見見え⽅方
デバイス/メーラーごとの表⽰示
スマートフォンOSシェア 
iOS 42.5% 
Android 56.8% 
スマートフォンのOSは「iOS」が42.5%、「Android」が56.8% 
:NTTコムリサーチ(2014年年7⽉月)
Androidバージョンシェア 
developer.android.comより
登録メールドメイン 
登録するメールアドレスは、iPhoneでは「Yahoo!メール」が 
35.8%、Androidでは「Gmail」が34.5%。 
:ディレクタス調べ(2014年年2⽉月)
不不便便だと感じること 
:ディレクタス調べ(2014年年3⽉月)
スマートフォンでは 
縮⼩小されるので、 
– テキストが読みにくい 
– タップしにくい 
拡⼤大表⽰示で、 
– ⼀一部しか表⽰示されない
レスポンシブメールにすると・・ 
各デバイス、メーラーに 
合わせて3種類に表⽰示されます。 
 
1.PC版 
2.スマホ版[フル](デザイン対応) 
3.スマホ版[ライト](横幅調整)
スマホ版 
PC版[ライト]スマホ版 
[フル]
デバイス/メーラーごとの表⽰示
導⼊入するなら・・・ 
• モバイルファースト 
• 配信システム上の制約 
• 運⽤用上の制約
ローソンHMVエンタテイメント様 
ご紹介
リニューアル前のメールデザイン
旧デザインレスポンシブメール
まとめ 
• ⽇日本ではマルチデバイスの対応は遅れて 
いる。 
• ⽇日本特有のメルマガ⽂文化とキャリアアド 
レスの悩み。 
• マルチデバイスへの対応は遅かれ早かれ 
いずれ必要。 
 
• デザインだけでなく・・・

More Related Content

What's hot

最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)IMJ Corporation
 
データドリブンセッション2_IMJ山本
データドリブンセッション2_IMJ山本データドリブンセッション2_IMJ山本
データドリブンセッション2_IMJ山本IMJ Corporation
 
求人検索エンジン×E feed媒体資料210902
求人検索エンジン×E feed媒体資料210902求人検索エンジン×E feed媒体資料210902
求人検索エンジン×E feed媒体資料210902ssuser3f4b7b
 
株式会社AZウェブマーケティングサービス概要
株式会社AZウェブマーケティングサービス概要株式会社AZウェブマーケティングサービス概要
株式会社AZウェブマーケティングサービス概要Takayoshi Todo
 
B2Bデジタルマーケティング最前線 〜顧客は会社でなく、そこに存在する人である〜
B2Bデジタルマーケティング最前線〜顧客は会社でなく、そこに存在する人である〜B2Bデジタルマーケティング最前線〜顧客は会社でなく、そこに存在する人である〜
B2Bデジタルマーケティング最前線 〜顧客は会社でなく、そこに存在する人である〜MKT International Inc.
 
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)IMJ Corporation
 
Loglassが創る世界
Loglassが創る世界Loglassが創る世界
Loglassが創る世界Loglass
 
【DeNA】フルスイングMeetup
【DeNA】フルスイングMeetup【DeNA】フルスイングMeetup
【DeNA】フルスイングMeetupKaren Shimojima
 
メンバーズのこれまでとこれから(第28回WebSig会議講演)
メンバーズのこれまでとこれから(第28回WebSig会議講演)メンバーズのこれまでとこれから(第28回WebSig会議講演)
メンバーズのこれまでとこれから(第28回WebSig会議講演)Hiroshi Tsukamoto
 
マーケジンDMPセミナー final 0528
マーケジンDMPセミナー final 0528マーケジンDMPセミナー final 0528
マーケジンDMPセミナー final 0528Intimate Merger Inc.
 
Saleshub bto b platform e-invoice platform service
Saleshub bto b platform e-invoice platform serviceSaleshub bto b platform e-invoice platform service
Saleshub bto b platform e-invoice platform serviceYukoNitta
 
【DeNA】フルスイング Meet up!!
【DeNA】フルスイング Meet up!!【DeNA】フルスイング Meet up!!
【DeNA】フルスイング Meet up!!Karen Shimojima
 
PDCAを実現する、アクセス解析実践方法
PDCAを実現する、アクセス解析実践方法PDCAを実現する、アクセス解析実践方法
PDCAを実現する、アクセス解析実践方法Kennosuke Yamaguchi
 
Penglue service ver.2.2
Penglue service ver.2.2Penglue service ver.2.2
Penglue service ver.2.2mayukayamanaka
 

What's hot (16)

Atom info
Atom infoAtom info
Atom info
 
最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)
 
データドリブンセッション2_IMJ山本
データドリブンセッション2_IMJ山本データドリブンセッション2_IMJ山本
データドリブンセッション2_IMJ山本
 
求人検索エンジン×E feed媒体資料210902
求人検索エンジン×E feed媒体資料210902求人検索エンジン×E feed媒体資料210902
求人検索エンジン×E feed媒体資料210902
 
株式会社AZウェブマーケティングサービス概要
株式会社AZウェブマーケティングサービス概要株式会社AZウェブマーケティングサービス概要
株式会社AZウェブマーケティングサービス概要
 
Dear one moduleapps2.0_sh
Dear one moduleapps2.0_shDear one moduleapps2.0_sh
Dear one moduleapps2.0_sh
 
B2Bデジタルマーケティング最前線 〜顧客は会社でなく、そこに存在する人である〜
B2Bデジタルマーケティング最前線〜顧客は会社でなく、そこに存在する人である〜B2Bデジタルマーケティング最前線〜顧客は会社でなく、そこに存在する人である〜
B2Bデジタルマーケティング最前線 〜顧客は会社でなく、そこに存在する人である〜
 
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
 
Loglassが創る世界
Loglassが創る世界Loglassが創る世界
Loglassが創る世界
 
【DeNA】フルスイングMeetup
【DeNA】フルスイングMeetup【DeNA】フルスイングMeetup
【DeNA】フルスイングMeetup
 
メンバーズのこれまでとこれから(第28回WebSig会議講演)
メンバーズのこれまでとこれから(第28回WebSig会議講演)メンバーズのこれまでとこれから(第28回WebSig会議講演)
メンバーズのこれまでとこれから(第28回WebSig会議講演)
 
マーケジンDMPセミナー final 0528
マーケジンDMPセミナー final 0528マーケジンDMPセミナー final 0528
マーケジンDMPセミナー final 0528
 
Saleshub bto b platform e-invoice platform service
Saleshub bto b platform e-invoice platform serviceSaleshub bto b platform e-invoice platform service
Saleshub bto b platform e-invoice platform service
 
【DeNA】フルスイング Meet up!!
【DeNA】フルスイング Meet up!!【DeNA】フルスイング Meet up!!
【DeNA】フルスイング Meet up!!
 
PDCAを実現する、アクセス解析実践方法
PDCAを実現する、アクセス解析実践方法PDCAを実現する、アクセス解析実践方法
PDCAを実現する、アクセス解析実践方法
 
Penglue service ver.2.2
Penglue service ver.2.2Penglue service ver.2.2
Penglue service ver.2.2
 

Viewers also liked

モバイルファースト時代のメールマーケティング
モバイルファースト時代のメールマーケティングモバイルファースト時代のメールマーケティング
モバイルファースト時代のメールマーケティングDirectus Inc.(ディレクタス)
 
ビッグデータ活用の最前線 最適化でエンゲージメントを高めるソーシャルメディア時代のEメールマーケティング
ビッグデータ活用の最前線 最適化でエンゲージメントを高めるソーシャルメディア時代のEメールマーケティングビッグデータ活用の最前線 最適化でエンゲージメントを高めるソーシャルメディア時代のEメールマーケティング
ビッグデータ活用の最前線 最適化でエンゲージメントを高めるソーシャルメディア時代のEメールマーケティングDirectus Inc.(ディレクタス)
 
【Web接客】ヒキアゲール成功事例集(特典付き)
【Web接客】ヒキアゲール成功事例集(特典付き)【Web接客】ヒキアゲール成功事例集(特典付き)
【Web接客】ヒキアゲール成功事例集(特典付き)Taku Yamada
 
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare 
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare 「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare 
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare OPTSocial
 
Instagram を使った商品プロモーションと インフルエンサー マーケティング の効果的な活用法
Instagram を使った商品プロモーションと インフルエンサー マーケティング の効果的な活用法Instagram を使った商品プロモーションと インフルエンサー マーケティング の効果的な活用法
Instagram を使った商品プロモーションと インフルエンサー マーケティング の効果的な活用法Yuriko Kai
 
ソーシャルメディア活用の基本と事例
ソーシャルメディア活用の基本と事例ソーシャルメディア活用の基本と事例
ソーシャルメディア活用の基本と事例Motohiko Tokuriki
 

Viewers also liked (9)

モバイルファースト時代のメールマーケティング
モバイルファースト時代のメールマーケティングモバイルファースト時代のメールマーケティング
モバイルファースト時代のメールマーケティング
 
ビッグデータ活用の最前線 最適化でエンゲージメントを高めるソーシャルメディア時代のEメールマーケティング
ビッグデータ活用の最前線 最適化でエンゲージメントを高めるソーシャルメディア時代のEメールマーケティングビッグデータ活用の最前線 最適化でエンゲージメントを高めるソーシャルメディア時代のEメールマーケティング
ビッグデータ活用の最前線 最適化でエンゲージメントを高めるソーシャルメディア時代のEメールマーケティング
 
WEBPR_1507
WEBPR_1507WEBPR_1507
WEBPR_1507
 
動画PR_1507
動画PR_1507動画PR_1507
動画PR_1507
 
【Web接客】ヒキアゲール成功事例集(特典付き)
【Web接客】ヒキアゲール成功事例集(特典付き)【Web接客】ヒキアゲール成功事例集(特典付き)
【Web接客】ヒキアゲール成功事例集(特典付き)
 
年代別に見る美容に関する消費行動調査
年代別に見る美容に関する消費行動調査年代別に見る美容に関する消費行動調査
年代別に見る美容に関する消費行動調査
 
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare 
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare 「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare 
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare 
 
Instagram を使った商品プロモーションと インフルエンサー マーケティング の効果的な活用法
Instagram を使った商品プロモーションと インフルエンサー マーケティング の効果的な活用法Instagram を使った商品プロモーションと インフルエンサー マーケティング の効果的な活用法
Instagram を使った商品プロモーションと インフルエンサー マーケティング の効果的な活用法
 
ソーシャルメディア活用の基本と事例
ソーシャルメディア活用の基本と事例ソーシャルメディア活用の基本と事例
ソーシャルメディア活用の基本と事例
 

Similar to 2014年最新版レスポンシブメールのおさえておくべきポイント解説

神戸大学MBA修了生勉強会資料
神戸大学MBA修了生勉強会資料神戸大学MBA修了生勉強会資料
神戸大学MBA修了生勉強会資料MKT International Inc.
 
DIGITALIFT採用説明資料 2021
DIGITALIFT採用説明資料 2021DIGITALIFT採用説明資料 2021
DIGITALIFT採用説明資料 2021Ryosuke Kakuma
 
マネーフォワード クラウド契約
マネーフォワード クラウド契約マネーフォワード クラウド契約
マネーフォワード クラウド契約Money Forward, Inc.
 
【SoftLayer事例】アップクロス株式会社
【SoftLayer事例】アップクロス株式会社【SoftLayer事例】アップクロス株式会社
【SoftLayer事例】アップクロス株式会社softlayerjp
 
UX改善に必須だが「大変で実施しづらい ユーザテストを「本当に1分」で行うには
UX改善に必須だが「大変で実施しづらいユーザテストを「本当に1分」で行うにはUX改善に必須だが「大変で実施しづらいユーザテストを「本当に1分」で行うには
UX改善に必須だが「大変で実施しづらい ユーザテストを「本当に1分」で行うにはUX MILK
 
20121010e xplainers営業資料
20121010e xplainers営業資料20121010e xplainers営業資料
20121010e xplainers営業資料Akiko Miyao
 
PKSHAcomm_OKBIZ
PKSHAcomm_OKBIZPKSHAcomm_OKBIZ
PKSHAcomm_OKBIZShimura2
 
ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性Renji Yoneda
 
ほんわかLineチャットボット
ほんわかLineチャットボットほんわかLineチャットボット
ほんわかLineチャットボットGo Suzuki
 
CES2016から見えて来たio tの浸透度と今後について
CES2016から見えて来たio tの浸透度と今後についてCES2016から見えて来たio tの浸透度と今後について
CES2016から見えて来たio tの浸透度と今後についてiot_nifty
 
マネーフォワード クラウド経費サービス資料
マネーフォワード クラウド経費サービス資料マネーフォワード クラウド経費サービス資料
マネーフォワード クラウド経費サービス資料Money Forward, Inc.
 
FlexCRM エンドユーザ様向け提案書 V1.13
FlexCRM エンドユーザ様向け提案書 V1.13FlexCRM エンドユーザ様向け提案書 V1.13
FlexCRM エンドユーザ様向け提案書 V1.13NEU&COMPUTING Inc.
 
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例Katsuya Tanaka
 
黒船来襲と共創
黒船来襲と共創黒船来襲と共創
黒船来襲と共創克彦 岡本
 
八子クラウド座談会_BaaS特集への誘い 130914
八子クラウド座談会_BaaS特集への誘い 130914八子クラウド座談会_BaaS特集への誘い 130914
八子クラウド座談会_BaaS特集への誘い 130914知礼 八子
 
成果報酬型チャットボットRevive
成果報酬型チャットボットRevive成果報酬型チャットボットRevive
成果報酬型チャットボットRevivemikikentaro1
 
G advisors (3) (1) (1) (1)
G advisors (3) (1) (1) (1)G advisors (3) (1) (1) (1)
G advisors (3) (1) (1) (1)Samuel Bleakly
 
【掲載用】アウトプットし続ける技術20170314
【掲載用】アウトプットし続ける技術20170314【掲載用】アウトプットし続ける技術20170314
【掲載用】アウトプットし続ける技術20170314Hayashi Masayuki
 

Similar to 2014年最新版レスポンシブメールのおさえておくべきポイント解説 (20)

神戸大学MBA修了生勉強会資料
神戸大学MBA修了生勉強会資料神戸大学MBA修了生勉強会資料
神戸大学MBA修了生勉強会資料
 
DIGITALIFT採用説明資料 2021
DIGITALIFT採用説明資料 2021DIGITALIFT採用説明資料 2021
DIGITALIFT採用説明資料 2021
 
マネーフォワード クラウド契約
マネーフォワード クラウド契約マネーフォワード クラウド契約
マネーフォワード クラウド契約
 
【SoftLayer事例】アップクロス株式会社
【SoftLayer事例】アップクロス株式会社【SoftLayer事例】アップクロス株式会社
【SoftLayer事例】アップクロス株式会社
 
UX改善に必須だが「大変で実施しづらい ユーザテストを「本当に1分」で行うには
UX改善に必須だが「大変で実施しづらいユーザテストを「本当に1分」で行うにはUX改善に必須だが「大変で実施しづらいユーザテストを「本当に1分」で行うには
UX改善に必須だが「大変で実施しづらい ユーザテストを「本当に1分」で行うには
 
ICTFCF 20111011
ICTFCF 20111011ICTFCF 20111011
ICTFCF 20111011
 
20121010e xplainers営業資料
20121010e xplainers営業資料20121010e xplainers営業資料
20121010e xplainers営業資料
 
PKSHAcomm_OKBIZ
PKSHAcomm_OKBIZPKSHAcomm_OKBIZ
PKSHAcomm_OKBIZ
 
ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性
 
ほんわかLineチャットボット
ほんわかLineチャットボットほんわかLineチャットボット
ほんわかLineチャットボット
 
CES2016から見えて来たio tの浸透度と今後について
CES2016から見えて来たio tの浸透度と今後についてCES2016から見えて来たio tの浸透度と今後について
CES2016から見えて来たio tの浸透度と今後について
 
マネーフォワード クラウド経費サービス資料
マネーフォワード クラウド経費サービス資料マネーフォワード クラウド経費サービス資料
マネーフォワード クラウド経費サービス資料
 
FlexCRM エンドユーザ様向け提案書 V1.13
FlexCRM エンドユーザ様向け提案書 V1.13FlexCRM エンドユーザ様向け提案書 V1.13
FlexCRM エンドユーザ様向け提案書 V1.13
 
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
 
黒船来襲と共創
黒船来襲と共創黒船来襲と共創
黒船来襲と共創
 
八子クラウド座談会_BaaS特集への誘い 130914
八子クラウド座談会_BaaS特集への誘い 130914八子クラウド座談会_BaaS特集への誘い 130914
八子クラウド座談会_BaaS特集への誘い 130914
 
Revive
ReviveRevive
Revive
 
成果報酬型チャットボットRevive
成果報酬型チャットボットRevive成果報酬型チャットボットRevive
成果報酬型チャットボットRevive
 
G advisors (3) (1) (1) (1)
G advisors (3) (1) (1) (1)G advisors (3) (1) (1) (1)
G advisors (3) (1) (1) (1)
 
【掲載用】アウトプットし続ける技術20170314
【掲載用】アウトプットし続ける技術20170314【掲載用】アウトプットし続ける技術20170314
【掲載用】アウトプットし続ける技術20170314
 

2014年最新版レスポンシブメールのおさえておくべきポイント解説