トップページへ戻る

コワーキングスペースサイトのデザイン・コンテンツを解説!

この記事を書いた人 :

コワーキングスペースサイトのデザイン・コンテンツを解説!

「コワーキングスペースのポータルサイトを作りたいけれど、何から始めたら良い?」
「今あるホームページをもっと最新のデザインにしたい!」
「契約数が増えるようなサイトに改善したい!」

新規事業としてコワーキングスペースやシェアオフィスのポータルサイトを運用しようと考えている人
既に運用している人などで、こんな悩みを抱えている人はいませんか?

この記事では、コワーキングスペースのポータルサイトを調査し、そのデータを基にデザインやUI、コンテンツなどの傾向について解説しています。ポータルサイトの運営オーナーやWebサイト担当者、デザイナーやマーケターなどで、サイト制作についてお悩みの方、成果を上げたいとお考えの方は、このまま読み進めてください。

Webサイトを訪れたユーザーが「今すぐ活用したい!」と思うような魅力的なサイトを一緒に作っていきましょう。

関連タグ:
今すぐ最新の業界データを手に入れよう!

data maisonは、圧倒的な
低価格で同業サイトを徹底分析

かんたん登録で、登録したその月から最新のデータが手に入る!
簡単3ステップ

Webサイト調査を手軽に簡単に

※ ご契約にあたり初回契約期間は3ヶ月から。
以降月次更新となります。

※ 対象となる業界やWebサイトによって月額が異なります。

※ 価格は全て税込です。

  • ビッグデータ
  • 業界データ
  • 個別データ
  • 最新データ
  • 過去データ

コワーキングスペースのサイトデザイン・UI

ファーストビュー

検索上位に表示していたコワーキングサイト・シェアオフィスを確認したところ、ファーストビュー(スクロールせずに画面に表示される部分)は、以下のようなタイプが多いです。

●メインビジュアル例

コワーキング・シェアオフィスポータルサイトのファーストビューには、メインビジュアルとなる部分に「おすすめのスペース」が紹介されていたり、スペースの様子がわかる動画などが設定されていたりします。

例えば、「BasisPoint」では、オススメのスペースが5~6件程用意され、スライドショー形式で表示されています。コワーキングスペースを探しているユーザーが最初に見る場所でもあり、魅力的なスペースがあれば自ずと注目するはずです。
また、「コワークメディア」であれば、ファーストビューに「検索機能」を備えており、ユーザーの使いやすさ、検索しやすさを重点的に考えた構成になっています。また、特集ページでスペースを紹介するだけではなく、様子を伝えるためのコラムも活用されています。テキストだけでは伝わりにくい内容も、写真でよりわかりやすくなっています。

他には、メインビジュアル部分に「イメージ写真や動画」で紹介しているサイトもありました。コワーキング・シェアオフィスのポータルサイトにおいて、保有または掲載しているスペース数は、ユーザーにとっても知っておきたい情報のひとつ。なぜなら、多くのスペースが取り扱われていれば、1サイトだけを見れば一度に比較検討ができるので、わざわざ他のサイトを見なくて済むからです。そのため、スペース数を多く掲載しているサイトであれば、ファーストビューで紹介してあげることで「サイトを利用する有無」を決める判断基準のひとつになります。

サイトカラー

コワーキング・シェアオフィスサイトのサイトカラーを調べて見ると、以下のような結果になりました。

サイト ベース (背景色) ロゴ・メインカラー アクセントカラー
A ホワイト ブルー ピンク
B ホワイト レッド ブルー
C ホワイト ブルー ブラック
D ホワイト オレンジ レッド
E ホワイト ブルー ブルー

コワーキング・シェアオフィスサイトのベースカラーには「ホワイト」が多く、「柄付き」や「グレー」なども一部あります。
ロゴ・メインカラーでは「グレー」や「ブルー」などが、やや多い傾向です。アクセントカラーには、やや落ち着いた色合い「グリーン」「ベージュ」「グレー」などが採用されており、基本的にシンプルなサイトカラーになっています。サイトカラーがシンプルな理由としては、TOPページにスペースを紹介するためにコワーキングスペースの写真が多く使われていることが挙げられます。

掲載されている写真が多くなるほどTOPページは色鮮やかになるため、メインカラーやアクセントカラーも派手な色にしたり、多くの色を設定したりしてしまうと、うるさい印象になってしまいます。色が多すぎると注目すべき部分がわからなくなってしまうので、シンプルにできる部分はシンプルにするのが良いでしょう。

これから制作するものについて、ユーザーにどんなイメージを与えたいかによって、選択するべきカラーも変わりますので、サイトのコンセプトやサービスのイメージに合わせてサイトカラーを選びましょう。

フォントサイズ・フォントファミリー

コワーキングスペースサイトのフォントサイズ・フォントファミリーを調べてみたところ、以下のような結果になりました。

サイト フォントサイズ フォントファミリー① フォントファミリー② フォントファミリー③
A 12px メイリオ ヒラギノ角ゴ ProN W3 MS Pゴシック
B 12px メイリオ ヒラギノ角ゴ ProN W3 MS Pゴシック
C 20px Noto Sans JP Helvetica Neue Segoe UI
D 14px Helvetica ヒラギノ角ゴ ProN W3 メイリオ
E 16px メイリオ ヒラギノ角ゴ ProN W3 MS Pゴシック

ポータルサイトのフォントサイズを調べたところ、平均フォントサイズは、14pxでした。調査した中で最小サイズは12px、最大サイズが16pxで、そこまで大きな差はなく標準的なフォントサイズとなっています。あまり小さなフォントサイズにするとユーザーから読みにくい・わかりにくいサイトと思われてしまいかねませんので、標準的なフォントサイズが一番良いのかもしれません。

ちなみに、フォントフォミリーについても調べたところ、特に共通しているフォントはなく、バラバラでした。傾向としては「メイリオ」や「ヒラギノ角ゴ」シリーズがやや多い印象です。今回調べたサイトの中で、特徴的なフォントファミリーを設定していた1サイトで「Verdana」を採用しているところがありました。「Verdana」は、Microsoftが開発したサンセリフ体のフォントです。視認性の良さ、安定感などを備えている定番のフォントなのでおすすめです。

今回は、あくまでも5サイトをまとめた調査の傾向値でしかありません。

良質なWebサイトを作るためのヒントは、競合他社のサイトの中に、もっとたくさんあります。
そのためにも多くのサイトデータを集めて分析することが、自社サイトを成功に導くセオリーのひとつです。
とはいえ、集めなければならないデータ、そして同じ分量だけ分析しなければならないとなると、時間も労力もかかってしまいます。

競合他社サイトの情報収集を魔法のようにワンクリックでデータを取得できたら良いですよね?

…実は、data maisonなら、あなたのその願いを叶えられます!

data maisonは、気になる競合サイト、新勢力企業のサイト、業界全体のサイトなどのデータをワンクリックで手軽に手に入れられるツールです。あなたがベンチマークしているサイトについて、今回紹介しているような「サイトカラー」や「フォントサイズ」などの情報も手に入りますし、コワーキングスペース業界全体のファーストビューの傾向、コンテンツの傾向なども確認できます。

本来はWeb担当者やデザイナーなどが、自分でサイトを抽出して苦労しながら調査していたことを、data maisonならたった165円~※という圧倒的な低価格で、最新の業界データを一瞬で手に入れることができます。

ぜひ、今までの煩わしい調査から解放される魔法のような調査体験を経験してみてください。
もっとコワーキングスペースのサイト傾向を知ろう!

絶対に欠かせないサイトコンテンツ

「スペース」に関わるコンテンツ

シェアオフィスサイトに欠かせないコンテンツと言えば、「スペース情報」ですよね。シェアオフィスを探しているユーザーにとって、スペース情報は必ず参考にする項目で「どんなシェアオフィスか?」「部屋の広さは?」「料金はいくら?」など、基本的な情報を知りたいものです。

●スペース情報の例

上記のように、スペース情報で欠かせない要素は「写真」です。外観、内観はもちろん、部屋の写真、共用施設、周辺環境など20枚以上の写真が必要となります。最近は、写真といっても360°で撮れるものや動画などを用いてユーザーにスペースの様子を伝えるサイトも少なくありません。

スペースがどんなものなのか、を伝える以外に、どの場所にあるのかを示すには、最寄り駅からの距離を伝えたり、地図を掲載したりしましょう。特に、駅チカスペースはコワーキングスペースに限らず人気です。ユーザーへのアピールポイントにもなることは、積極的に明記しましょう。

ユーザーがスペースを気に入った後に必ず調べることとして「料金」などのお金に関することです。「利用したい!」と思っても、料金によっては「やっぱりやめよう」とあきらめる人もいます。ユーザーの最終判断のためにも「1時間の料金」「お得なプラン」「キャンペーン」「オプション」などを明記してください。

コワーキングスペースにおいて、スペース情報における基本は上記の通りです。この基本情報に、各会社はオリジナル要素として「スタッフからのおすすめポイント」や「キャンペーン情報」なども紹介しています。基本情報を網羅しつつ、他のサイトにはない独自の切り口からスペースを紹介できると差別化が図れますね。

特定スペースを紹介する「特集ページ」に関するコンテンツ

コワーキングスペースでは、ユーザーが探したい条件をある程度まとめてピックアップしておく「特集ページ」が用意されていることが多いです。

シェアオフィスを探しているユーザーの中には、目的を持って探している人もいます。その目的というのが「コワーキングスペースを使いたい」とか「自由に出入りできるシェアオフィスが良い」とか「女性だけのコワーキングスペースが良い」などです。
コワーキングスペースと一口に言っても、ただ費用が安く利用できれば良いという時代は終わり、それぞれ「コンセプト」や「テーマ」を設けてあるスペースが多くあります。

コワーキングスペースでは、知らない他人と一緒に仕事をすることになるスペースです。
人によっては、「この人と一緒で大丈夫かな?」と心配になってしまう場合もあります。人との信頼関係で成り立ってはいるものの、不安があってはそのスペースを選ぶことができません。ユーザーの最初のハードルを下げるためにも「オープンスペース」だけではない、一定条件があるスペースもあるということをユーザーにアピールして、安心して利用してもらえるようにすると良いでしょう。

コワーキングスペースの醍醐味は、色々な人とコミュニケーションが取りやすい環境で仕事ができること、いつでも利用できることなどが挙げられます。そうした部分についてもアピールしましょう。

「お役立ち情報」に関するコンテンツ

コワーキングスペースに関するコラムとして「お役立ち情報」を発信しているサイトが多いです。
スペースを探しているユーザーの中には「コワーキングスペースに興味はあるけど、利用したことがなくて不安」という人も少なくありませんし、「そもそもシェアオフィスってどういうもの?」と疑問に思っている人もいます。そうした不安や疑問を解決するためにも「コワーキングスペースとは何なのか」を紐解くコラムから、「選び方」や「利用する時のマナー」などスペースに関する様々な情報をユーザーに発信して、理解してもらい、納得して選んでもらえるようにしているのです。

また、お役立ち情報のようなコラムを発信することで、サイトに訪れた人だけではなく、GoogleやYahoo!などの検索で「コワーキングスペースについて調べていた人」にも情報発信ができます。こうしたコラムは潜在顧客を発掘するひとつの方法(コンテンツマーケティング)としても役立てられるため、各シェアオフィスで取り組まれていることが多いのです。

ポータルサイトの集客やプロモーション方法

コワーキングスペースに対して集客を行う場合、主にインターネットが活用されています。代表的なものとして「リスティング広告」や「ソーシャルメディア広告」が挙げられて、どちらもスタンダードな集客・プロモーション方法です。

リスティング広告とは、GoogleやYahoo!などの検索結果に表示される広告のことです。ユーザーが検索したキーワードに対して連動して表示される仕組みとなっており、費用は数百円から数万、数十万とかけ方次第で変わるものとなっています。デジタル広告の中でも、特に即効性があるものと知られており、自分のサイトを認知してもらえるきっかけにもなるので、利用しているシェアオフィスのポータルが多いのです。

リスティング広告以外では、「ソーシャルメディア」を使った方法があります。
実際に、コワーキングスペースがソーシャルメディアを活用しているのかを知るために、SNSの運用状況を調べてみました。

SNS運用状況

サイト 運用SNS
Instagram Twitter Facebook LINE YouTube
A
B
C
D
E

TwitterやFacebookなどの基本的なSNSは、ほとんどのポータルサイトで活用されていました。特にTwitterは、様々な人が利用するSNSで、日本人のみならず世界中の人も使っています。コワーキングスペースの特性上、外国人向けのスペースも多くあり、Webサイトだけでアピールするよりも、拡散しやすいSNSを活用したほうが、利用者が集まりやすくなっています。

さらに、SNS広告であれば、ターゲティングを細かく設定できるのでピンポイントに情報を発信できます。例えば、駅チカのコワーキングスペースを紹介したければ、ターゲティングの際に女性を選んで投稿すればいいですし、年齢や好きなもの(趣味)なども設定して、よりコアな人に届けるようにすることも可能です。SNS広告はアカウントがなければできないので、こうした集客・プロモーション方法を行う場合に備えて準備しておくと良いでしょう。

コワーキングスペース業界の現状と今後について

コワーキングスペースは年々増えており、数年前に一度ブームになり、様々なことが起きて一度下火になりましたが、一定数の利用者がいるためニーズは安定していると言えます。コワーキングスペースを運用する側(オーナー)も、一辺倒なスペースを作るだけではなく、バラエティー豊かな空間を用意しています。

最初のころは、小規模なコワーキングスペースも多かったのですが、近年は大規模スペースも増えており、多様なニーズにこたえるために進化しています。

新型コロナウイルスによって、テレワーク・リモートワークなどが一般的になりつつあるため、需要は今後も増えていくかもしれません。また、働き方が変われば、都内のシェアオフィスだけでなく、地方のシェアオフィスも活性化する可能性もあります。シェアオフィスのポータルサイトにおいても、都心中心だけではなく、地方エリアのシェアオフィススペースを用意しておく必要があるかもしれませんね。

今後日本は、少子高齢化によって多民族を受け入れながら暮らしていくことになるはずです。
コワーキングスペースは、多様な人と知り合える場でもあり、そうした人たちを受け入れる最初の場所にもなり得るでしょう。

ちなみに、コワーキングスペースは、新規参入しやすいこともあり競合が多くいます。
他のサイトと差別化を図るには、取り扱うスペースもさることながら、Webサイトの使いやすさ・わかりやすさがユーザーに選ばれるための条件として大切なポイントになってくるでしょう。

需要が増えれば、売上が上がるチャンスとなります。
今のうちにユーザーがいつでも使いやすく、探しやすいサイトを制作したり、オープンさせたりして準備をしておきましょう。

そして、より良いサイトで売上に効果をもたらすためにも…。
ぜひ、あなたも他社サイトの情報を調査して「人の心を動かす」魅力的なサイト制作をしてくださいね。

data maisonは月額165円からご利用いただける個人向けサブスクリプション・モデルです。

ひとつ調べたい項目があった場合、100サイト分調査するのに、おおよそ1日かかります(1サイト5分としても)。
それが40項目において100サイト分調査するなら、おおよそ2ヶ月(40営業日)かかります。
そのために専用の派遣社員やアルバイトを雇ったとしましょう。
時給2,000円の社員に毎日8時間×2ヶ月(40営業日)、この調査業務を行ってもらった場合、以下の計算になります。

40項目の調査を100サイト行った場合、
 期間:2ヶ月の調査+統計整理 で 費用:640,000円(諸経費除く) 
これがdata maisonを利用した場合、
 期間:即時 で 費用:月々200円(税別)

時間も2ヶ月の無駄を省き、費用も約1万分の3(=0.03%)まで削減できます。
これは経営者にとっても、Webマーケティング担当者にとっても、デザイナーにとっても、営業マンにとっても、めちゃくちゃ効率的ですよね。
時は金なり! 出る金は制すなり! です。

\ さぁ、今すぐ業界データを購入しよう! /

気になる業界プランを選ぶ!

今すぐ最新の業界データを手に入れよう!

data maisonは、圧倒的な
低価格で同業サイトを徹底分析

かんたん登録で、登録したその月から最新のデータが手に入る!
簡単3ステップ

Webサイト調査を手軽に簡単に

※ ご契約にあたり初回契約期間は3ヶ月から。
以降月次更新となります。

※ 対象となる業界やWebサイトによって月額が異なります。

※ 価格は全て税込です。

  • ビッグデータ
  • 業界データ
  • 個別データ
  • 最新データ
  • 過去データ