2名1室1泊料金, 最安 19,631円 2名1室1泊料金, 最安 } 2名1室1泊料金, 最安 2名1室1泊料金, 最安 2名1室1泊料金, 最安 2名1室1泊料金, 最安  height: 50px; 26,733円 2名1室1泊料金, 最安 div#sysWrap { 2名1室1泊料金, 最安 7,380円 #btnBoxKey { margin: 0 auto; } } 2名1室1泊料金, 最安 41,580円 2名1室1泊料金, 最安 国内線航空券は、こちらのページからご予約いただけます。 国内線のご予約 - JAL国内線 当サイトをご利用になるためには、Javascript対応のブラウザが必要です。 right: 10px; 11,322円 6,599円 clear: both; display: none; 最安 16,000円  width: 300px; #btnBoxClose { width: 30%; width: 96%; 2名1室1泊料金, 最安 33,300円 @media screen and (max-width: 380px){ text-decoration: none; 〜「SNS広告による集客」「バナーでのアプリ誘導」「検索画面のUI/UX改善」で、スペース予約件数を1年で約300%増加させた、スペースマーケットのグロース施策をご紹介〜, 人材、スキル、時間といった「空きリソース」をシェアするビジネスは、ここ数年増加の一途を辿っている。, その中でも、「空きスペース」に着目し、利用者のニーズに応じて1時間単位で貸し借りできるプラットフォームを提供しているのが、株式会社スペースマーケットだ。, 2014年4月にWebサイト上でサービスの提供を開始した同社は、2015年6月にiOS版、2017年1月にはAndroid版のアプリをリリース。Webと比較してコンバージョン率の高いアプリにより注力するため、2017年夏にはアプリチームの発足も行った。, そして広告運用や、Webからアプリへの誘導の強化、さらにアプリ自体のUI/UX改善を行ったことで、スペース予約件数は昨年の約3倍に増加したという。, 今回は、同社でアプリのディレクターを務める山本 玲奈さんに、アプリチームの立ち上げ背景から、集客・コンバージョン施策に至るまで、詳しくお伺いした。, 私は、元々「ゼクシィ」の広告ディレクターを務めていました。昨年、スペースマーケットに入社し、現在はアプリチームのディレクションを担当しています。, スペースマーケットは、空きスペースを1時間単位で貸し借りできるプラットフォームです。スペースは、会議室からお寺や古民家、さらには無人島まで、全国で1万件ほどを取り扱っています。, スペースの予約は、PC版Webサイト、モバイル版Webサイト、そしてアプリの3つを通じて行うことができます。, 私が入社した当時は、iOS版アプリをリリースして約1年半が経っていましたが、特にチームもなく、エンジニアだけで改善を行っているような状況でした。, ですが実際に数値を見てみると、Webよりアプリの方が、予約へのコンバージョン率やユーザーのリピート率などが高く、3つの媒体の中で最もLTVが高かったんですね。, また、予約をひとつ獲得するのにかかるコストもアプリの方が低かったため、アプリを成長させることがサービス全体の成長を牽引するのではないか、と考えるようになりました。, そこで2017年の夏に、エンジニア4名とデザイナー2名を専属にしたアプリチームを発足し、会社として注力する体制にシフトしたんです。, アプリチームのKPIとしては、「インストール数」と「コンバージョン率」の大きく2つを追っています。, まずインストールに関してですが、獲得経路は広告、検索からのオーガニック流入、そして自社のモバイル版Webサイトの3つあります。, 広告は、Facebook、Twitter、Instagramの3媒体をメインに運用しています。ここでは、チャネル別のユーザー層に合わせて最適な広告を出し分けています。, そこで、コスプレイヤーさん達に「撮影場所」としてレンタルスペースを利用していただくため、古民家や廃校、無人島など、レイヤーさんに人気の高いスペースを訴求する広告を打っています。, また、Instagramには10代後半〜20代前半くらいの若い女性が多いので、フォトジェニックなパーティー利用や、イベントシーンに掛け合わせてスペースを紹介するようにしています。, 一方でFacebook広告は、わりと全方位的に行っています。と言うのもFacebookユーザーの属性が、ビジネスマンから主婦、学生さんまで、多岐にわたるからです。, そこで、基本的にはFacebookの類似オーディエンス機能を利用して、「ビジネスマンには会議室に使えるスペース」という形で、ユーザーの属性に合わせて広告を出し分けています。, また、Webサイトからのアプリへの誘導も強化しています。特にモバイル版Webサイトはスペース予約へのコンバージョン率が一番低いので、いかにアプリの方に移行させるかということに注力しているんですね。, 具体的には、「KARTE(カルテ)」というWeb接客ツールを利用して、インストールバナーをポップアップ表示しています。KARTEを使えば、エンジニア工数をかけずに、色々な施策を試すことが可能です。, その中でも最も効果が高かった施策は、インストールバナーのクリエイティブ変更でしたね。, 初めは、とにかく大きく、目立つように表示した方がクリックするだろうという仮説から、バナーを画面いっぱいに表示していました。, ですが、その後A/Bテストを繰り返す内に、実は大きいほどクリックせずに消されてしまう場合が多いことがわかってきまして。, また、訴求文言は「◯円オフ」といったお得情報より、「スペースがサクサク探しやすい!」など、アプリならではの便利さを伝えたほうが、インストール率が高かったですね。, 他にも、ポップアップを出すタイミングなど、一週間毎に変数をひとつずつ変えながら、2ヶ月くらいかけて検証を重ねました。, こうして、A/Bテストを繰り返し、改善を重ねた結果、アプリのインストール数が3ヶ月で約140%に増えました。, アプリをインストールしていただいた後は、スペース予約へのコンバージョンが目標になります。, アプリの場合、インストールの時点でWebより一段高いハードルを越えてきているので、スペース利用へのモチベーションはやはり他のチャネルと比べると高いです。, ですが、実際に新規インストール後の継続率を追ってみると、8日後にいきなりガクッと数値が落ちていまして…。, つまり、インストール直後の一週間に何もアクションをしないと、アプリを利用せずそのまま離脱している可能性が高いことがわかったんですね。, そこで、最初の7日間にユーザーとの接点がなくなってしまわないように、プッシュ通知を活用しています。, プッシュ通知は、パーティーや会議などの利用用途別に、予約の山が来る直前のタイミングで週に2回送るようにしています。, そこで、成約までの離脱箇所をファネル分析したところ、「スペース検索時」に多くの離脱が起こっていることが分かりました。, また、ログインしてからスペース予約に至るまでの時間も、Webよりアプリの方が5、6時間早いんですね。, ここから仮説するに、おそらくアプリでスペースを検索する人の方が、利用目的がはっきりしていて、「より早く探したい」というニーズがあるのではないかと。, そこで、より早く目的のスペースに辿り着けるよう、検索画面のUI/UXの改善を行いました。, 具体的には、選択したエリア内のおすすめが表示される「マイエリア機能」を追加したり、検索キーワードの履歴を過去10回分まで保存できるよう「検索履歴の強化」を行いました。, この結果、検索画面での離脱率は15%減り、全体のコンバージョン率も向上しましたね。, さらに、アプリユーザーはWebよりも「個人利用」かつ「少人数」で利用される方が多いので、例えば「少人数で貸切できるレンタルスペースまとめ」などをトップに掲載して、より気に入るスペースを見つけやすくする工夫もしました。, こうした改善は、本当にユーザーの体験を良くしたいという想いから、アプリエンジニアが主導して日々実行してくれています。, このように様々な施策を実行した結果、スペース予約件数は昨年に比べて約3倍に増えました。, また、売上に占めるアプリの割合は、ここ1年で約10%伸び、現在は全体の3割を占めています。, さらに、アプリの頻繁なアップデートやクラッシュ率を低く抑えることで、iOSではこの半年で3回もAppStoreに「おすすめアプリ」として取り上げていただき、これが更なるインストール数の伸びに繋がっています。, 今までは、例えば「飲み会」を開催する際には、「居酒屋」や「レストラン」を検索するのが一般的でした。それが今では、他人の家の空きスペースを借りて開催するということも選択肢のひとつとして入ってきています。, また同様に、「会議」を行う際には、自社の会議室だけでなく、空いている「古民家」を利用して会議をすることだって可能です。, このように、「レンタルスペース」というツールを軸に、人々の働き方や暮らし方の変化をリードして、世の中の新しいカルチャーを作っていけたらいいなと思っています。, そして、「働く・遊ぶ・泊まる」といった暮らしの全てに寄り添う「スペースインフラ」になっていきたいですね。(了), SELECKでは、これまで700社を超える先端企業の「ベストプラクティス」を取り上げてきました。, そこで今回、2020年にあなたの働き方がワンランク上がるようなツールをまとめた、2020年版「仕事で役立つ海外ツール集」を作成しました。. position: absolute; 35,200円 8,500円 47,800円 10,880円 7,180円 7,921円 2名1室1泊料金, 最安 2名1室1泊料金, 最安 2名1室1泊料金, 最安 2名1室1泊料金, 最安 2名1室1泊料金, 最安 2名1室1泊料金, 最安 2名1室1泊料金, 最安 10,200円 60,000円 2名1室1泊料金, 最安 background: #d90000; 8,580円 .drawer-dropdown a {  width: 80px; 2名1室1泊料金, 最安 2名1室1泊料金, 最安 } 2名1室1泊料金, 最安 width: 49.0%; div#sysWrap {background-color: white;} position: relative; 8,716円 cursor:pointer; @media screen and (min-width:1000px){ 11,000円 margin: 0; /** mainここから**/ 2名1室1泊料金, 最安 7,817円 bottom:10px; 13,600円 .cp_mainvisual .aws { } $(".drawer").drawer(); .cp_mainvisual .ip2 { .cp_mainvisual .ip2 { 11,340円 2名1室1泊料金, 最安 46,656円 2名1室1泊料金, 最安 2名1室1泊料金, 最安 21,296円 } 【トラベルコ】Go To トラベルキャンペーンで旅行代金の最大50%相当額が還元!新幹線とホテルを自由に組み合わせた新幹線ホテルパック最安値を比較・検索!さらにトラベルコの航空券やホテル宿泊プラン検索サービスに掲載中の商品とも比較可能! /** main ここまで **/ 2名1室1泊料金, 最安 } 15,400円 2名1室1泊料金, 最安 2名1室1泊料金, 最安 7,400円 #hTel { bottom: 0%; border: none !important; 25,500円 text-align: left; } 2名1室1泊料金, 最安 } 2名1室1泊料金, 最安 9,440円 2名1室1泊料金, 最安 2名1室1泊料金, 最安 display: none; } .cp_mainvisual .box { width: 100%; 12,751円 8,360円 12,780円 #btnBoxOpen > li:nth-child(4) { 2名1室1泊料金, 最安 2名1室1泊料金, 最安 2名1室1泊料金, 最安 display: none; 12,000円 2名1室1泊料金, 最安 } 日本最大級の実名型グルメサービスRetty。Rettyでは、全国の信頼できる実名口コミを検索することができます。地図情報・営業時間・写真の情報も揃っています。 10,560円 2名1室1泊料金, 最安 #rental-func #sysMain .rental-func-2.l-1000 section:nth-child(2) > div:nth-child(4), #rental-func #sysMain .rental-func-2.l-1000 section:nth-child(2) div:nth-child(9) { width: inherit; height: 16%; 7,200円 #btnBoxOpen li { width: 1100px; .cp_mainvisual .box { 5,400円 79,600円 飲食店の集客を行う際にまず検討するであろうグルメ予約サイト。今回は利用率や市場規模を解説しながら、おすすめのレストラン予約サイトを紹介していきます。 知名度の高いグルメサイト4強の比較表は下記でご紹介しています。 食べログ・ホットペッパー・ぐるなび・Rettyの徹底比較については、こちらの記事で解説しています。  background-color: white; #change-responsive-ecsite #sysMain #LPchageall p.wantbox { .drawer-hamburger { 10,400円 2名1室1泊料金, 最安 16,694円 .drawer-dropdown-menu { 16,940円 43,017円 2名1室1泊料金, 最安 left: 8%; 22,500円 } 2名1室1泊料金, 最安 left: 2%; 2名1室1泊料金, 最安 8,730円 margin-top:-16px!important; 18,000円 z-index: 107 !important; cursor: pointer; 2名1室1泊料金, 最安 font-size: 90%; 9,000円 2名1室1泊料金, 最安 7,900円 2名1室1泊料金, 最安  overflow: hidden; background-color: #d0d0d0d6; } @media screen and (min-width: 500px) and (max-width:860px){ 31,900円 11,746円 .cp_mainvisual .aws{ 20,460円 2名1室1泊料金, 最安 29,040円 @media screen and (min-width: 860px){ padding-top: 18px !important; bottom: 0%; 8,200円 2名1室1泊料金, 最安 2名1室1泊料金, 最安 2名1室1泊料金, 最安 width: 350px; 14,500円 2名1室1泊料金, 最安 top: -150px; } 2名1室1泊料金, 最安 height: 55%; li.glay1.list-holizontal.grid-col.grid-span6.v-top { 26,932円 height: auto; .cp_mainvisual .box { } text-decoration:none; 1回のネット予約で最大10,000ポイントがもらえる「Go To Eat(イート)キャンペーン」!キャンペーンの最新情報やお得な予約方法、対象の飲食店をご紹介。ぐるなびネット予約でお得にランチやディナーを楽しもう! .cp_mainvisual .partner { 2名1室1泊料金, 最安 13,000円 } padding:5px 25px 5px 0 !important; bottom: -3%; 16,400円 right:10px !important; 30,000円 } .cp_mainvisual .aws{ 2名1室1泊料金, 最安 UIデザインは、webサイトやアプリを制作する上で重要なポイントといわれています。しかし、中には「UIデザインはなぜ重要なのかわからない」「どうやってUIデザインを考えたらいいのか悩んでいる」という方もいらっしゃるかもしれません。, そこでこの記事では、UIデザインの基礎や事例について、わかりやすく解説します。ぜひご一読いただき、サイト制作などを行う際の参考にしてください。, UIデザインとは、簡単にいえば「ユーザーがwebサイトやアプリを快適に使うための設計」です。, UIは、User Interface(ユーザーインターフェーズ)の頭文字を取ったものです。Interfaceには「境界面」や「仲介」などの意味があり、IT用語的には、「ヒト(ユーザー)」と「モノ(機器、プログラムなど)」をつなぐ役割を果たすものといえます。, 具体的には、Webサイトのフォント、イラスト、入力欄など、ありとあらゆるものがUIとなります。, これらUIを、いかにユーザーにとって使いやすいものにできるか。それがUIデザインの本質です。, なぜUIデザインが大切なのかというと、UIデザインが優れているか否かで、サービスの利用率に大きく影響するからです。, ・ユーザーから見て、欲しい情報がどこにあるのかわからない・文字や絵がごちゃごちゃしていて見づらい・予約や検索のやり方がわからない, いくら企業の側から良い情報を発信していたとしても、ユーザーに「このサイトは使いにくい」と判断されれば、購入や予約につながることなく離脱されてしまいます。, それを避けるためにも、ユーザーがスムーズに使えるUIデザインを意識する必要があります。, デザインをする上で、4つの大切なポイントがあるといわれています。デザインの名著『ノンデザイナーズ・デザインブック』(著者:Robin Williams)によれば、, がデザインの基本原則です。UIデザインを考える上でも役立つため、1つずつ見ていきましょう。, 例えば、「りんご、にんじん、レタス、ぶどう」があったとしたら、「りんご、ぶどう」「にんじん、レタス」のように、近い属性同士をまとめる、と考えるとよいでしょう。ユーザーにとって、内容が把握しやすくなります。, 具体的には、横書きの文章を左揃えにする、図やイラストの余白をそろえる、などが考えられます。視点が集約されるため、非常に見やすくなります。, 例えば、太字にする、サイズを変える、赤など印象が強い色をつける、アイコンを付ける、といった方法があります。目につきやすいため、重要なポイントを強調したい場合に効果的です。, 具体的には、レイアウトや色、モチーフなどの要素を何度も使って一貫性を持たせます。全体に統一感が生まれるため、ユーザーも情報を理解しやすくなります。, こちらでは、優れたUIデザインのwebサイトやスマートフォンアプリをご紹介します。具体的なイメージを描くためにも、ぜひ参考にしてください。, ページのデザインは非常にシンプルで、Googleのロゴのほかには、検索窓がページの真ん中に表示されているだけです。, しかし、ユーザーはサイトを開いた瞬間に、自分が何をすればいいのかが一目でわかることでしょう。「使いやすさ」「わかりやすさ」がとことん追求された好例です。, 2018年現在の流行の1つに「タイポグラフィ」があります。簡単にいえば、「文字による表現」であり、文字をデザイン的に活用する方法です。, 神戸女子大学のサイトでは、神戸女子大生を表す「Shinjo」の文字が、ページを開いたときに目に飛び込んできて、強いインパクトを与えます。, 説明文の文字にも読みやすいフォントが使われており、文字の力を生かしたデザインといえます。, 音楽配信サービスのSpotifyのサイトでは、2018年現在のカラートレンドであるグラデーションが綺麗に使われています。配色も明るい色が選ばれ、音楽を聴くワクワク感を演出しています。, 文字も大きくて見やすいほか、ページ構造自体もシンプルなので、ユーザーは欲しい情報にたどり着きやすくなっています。, データの入力がやりやすく、体調管理もグラフやカレンダーの形で簡単にチェックできるようになっています。また、体調に関するアドバイスを毎日配信し、ユーザーに安心感や心構えを示してくれるのもポイントです。, 使い方は、デジタルふせんともいえる「カード」にタスクを入力し、「ボード」にカードを貼り付けたり、削除したりするだけ。, 指一本でカードやボードの移動ができるほか、「タップすると、カードやボードが斜めになる」という動きが、ふせんの張り替えを連想させてくれます。, UIデザインとは、・デザインの出来がサービスの利用率に影響する・「近接・整列・コントラスト・反復」の4つがデザインの基礎, 以上、紹介したポイントやUIデザイン事例などを参考にしていただき、ぜひサイトやアプリの制作にお役立てください。, しかし、いざUIデザインを意識して制作をしようとしても、思うようなデザインができなかったり、ユーザーの満足度につながらなかったりするかもしれません。, パンタグラフでは、UIデザインについて、クライアント様のご希望を満たし、ユーザーの使いやすさにもこだわったwebサイトやアプリの設計・制作を行なっています。, UIデザインについてお悩みやお困りの点などがあれば、ぜひお気軽にお問い合わせください。, パンタグラフブログは、社内のメンバーがデジタルマーケティングに関する情報を積極的に配信するためのブログです。トレンドやノウハウ、成功事例やリサーチ情報を定期的に配信しています。このブログがきっかけでお問い合わせいただくこともあります。気になる方は、パンタグラフ通信(メルマガ)へのご登録をお願いいたします。.