トップページへ戻る

Web制作会社サイトのデザイン・コンテンツを解説!

この記事を書いた人 :

Web制作会社サイトのデザイン・コンテンツを解説!

「競合に負けない魅力的なホームページを作りたい!」
「親しみやすくユーザーに選ばれるホームページに変えたい!」
「サイトをリニューアルして集客できるように改善したい!」

新しい事業としてサービスを展開する人、サイトをリニューアルしようと考えている人などで、上記のような悩みを抱えていませんか?
この記事では、Web制作会社のサイトを調査し、そのデータを元に、デザインやUI、コンテンツなどの傾向について解説しています。
Web制作会社のオーナーやWebサイト担当者、デザイナーやマーケターなどで、サイト制作についてお悩みの方、成果を上げたいとお考えの方は、このまま読み進めてください。

Webサイトを訪れたユーザーが「ここに調査をお願いしたい!」と思うような魅力的なサイトを一緒に作っていきましょう。

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

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

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

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

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

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

※ 価格は全て税込です。

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

Web制作会社のサイトデザイン・UI

メインビジュアル

Web制作会社(5サイト)を中心にサイトを確認し、ファーストビュー(スクロールせずに画面に表示される部分)には以下のようなメインビジュアルが設定されていました。※2021年1月時点

●メインビジュアル例

調査したサイトの中で最も多かったのが、イメージ写真とキャッチコピーがセットになったメインビジュアルです。
上記に載せている、「クーシー」は3Dのイラスト、「LIG」はループする動画を使っています。Web制作会社というBtoB向けのサービスとなっていることもあり、「クリエイティブ」をイメージしたメインビジュアルを採用していることが多いのです。

サイトカラー

Web制作会社のサイトカラーを調べて見ると、以下のような結果になりました。

5サイトのサイトカラー

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

調査した5サイト中で最も多いベースの色は「ホワイト」です。ロゴ・メインカラーとして「ネイビー」が多く使われています。ネイビーといったブルー系は、「知的」「クール」「信頼感」などの印象があります。ネイビーを使うことで「このサイトは信頼感がある」ことを伝える演出が、できるためロゴやサイトカラーによく使われるのです。

また、アクセントカラーはサイトによって様々ですが、オレンジがやや多い傾向です。
全体的にブルー系のロゴ・メインカラーを採用しているためサイトが多くクールな印象の中に、オレンジのような中間色があることで、ユーザーに見て欲しいポイントが分かりやすくなっています。サイトによってユーザーにイメージさせたいテイストがあるはずなので、それに合ったサイトカラーを選択しましょう。

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

Web制作会社サイトのフォントサイズ・フォントファミリーを調べてみました。

5サイトのフォント

サイト フォントサイズ フォントファミリー① フォントファミリー② フォントファミリー③
A 13px Noto Sans JP ヒラギノ角ゴ Pro W3 メイリオ
B 15px Noto Sans JP 游ゴシック メイリオ
C 12px メイリオ Noto Sans JP ヒラギノ角ゴ Pro W3
D 13px ヒラギノ角ゴ Pro W3 メイリオ Noto Sans JP
E 14px メイリオ ヒラギノ角ゴ Pro W3 MS Pゴシック

TOPページ内の本文フォントサイズを調査したところ、平均サイズは16pxでした。5サイトの中で、最も小さいサイズで14px、最も大きいサイズで18pxです。全体的には、そこまで大きな違いもなく、標準的なフォントサイズを採用しているのがわかります。

また、フォントファミリーについては「Noto Sans JP」を採用しているサイトが多い傾向にあります。次点で「メイリオ」が多く、「ヒラギノ角ゴ Pro」という順で設定されているのが確認できます。ちなみに「Noto Sans JP」は、GoogleとAdobeが共同開発をしたフォントファミリーです。Web制作会社以外でも良く使われるフォントファミリーとなっていて、「Noto Sans」の種類は「JP」以外にもあり、どれを使うか迷う人も少なくありません。同じ「Noto Sans」でも種類によってウェイトやサイズの違いがありますので、色々試しながら自社サイトのテイストに合うものを選びましょう。

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

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

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

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

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

ぜひ、今までの煩わしい調査から解放される魔法のような調査体験を経験してみてください。
もっとWeb制作会社のサイト傾向を知ろう!

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

「初めての方へ」のコンテンツ

今回調査した5サイトで必ず掲載されていたのが「自社サービスの特徴・実績ページ」です。

自社の特徴・強み、今までの実績内容などが必ず掲載されています。
これはWeb制作会社からユーザーに向けた「強み・売り」を伝えるページとなっており、サイト内で欠かせないコンテンツのひとつです。なぜなら、アンケート調査・市場調査などを依頼したいと考えWeb制作会社を探しているユーザーの中には、一体どこに依頼をしたら良いのかと迷っている人もいます。

そんな、どのWeb制作会社を選んだらいいのか迷っている人は色々と比較をしていることが多いため、他の会社と比較した際に、思い出してもらえるような「特徴」や「実績」がなければ印象にも残らず選ばれません。また、特徴があったとしてもサイト内でしっかりアピールできていなければ、ユーザーもわからないままで意味がありません。そのため、ユーザーに知ってほしい、「特徴」「強み」「売り」などを伝えるために、「自社サービスの特徴・実績」ページは欠かせないコンテンツとなっているのです。

サービスに関するページのコンテンツ

ユーザーがWeb制作会社を決める際に気にするのが「どんなサービスプランがあるのか?」「料金はいくらなのか?」といった「商品や料金」に関することです。

例えば、「クーシー」では、サービスを一覧で上記のように表示しています。どんな調査ができるのかが一目でわかるので、ユーザーも「依頼したい調査があるか、どうか」が判断しやすくなります。Web制作会社の場合、サービス一覧の内容が独自名を付けていることも多いため、初めて見る人からするとわかりにくい場合もあります。わかりにくさをなくすためにも、補助的に「どんなことを調査するのか」「どんなことに役立つのか」といったことを一覧でも記載するようにしましょう。その上で、それぞれのサービス紹介ページを作成し、より具体的な「特徴」「納品物」「活用事例」「料金」を明記してください。

「制作実績」のコンテンツ

Web制作会社を探す上で、実際にどんな調査を今まで行ってきたのかがわかる「実績」があると、ユーザーもイメージが湧きやすくなります。

● 制作実績のページ
具体的な内容を記載できれば、同業他社も「ここで調査を依頼した」ということがわかり参考になります。
また、同業他社との差別化やユーザーへのアピールにもつながります。さらに、個人顧客だけではなく、メディア関係者などの法人顧客向けにもアピールできるのです。一時的な効果だけで終わらせてしまってはもったいないので、実績を活用してよりPR効果を高めていきましょう

Web制作会社の集客やプロモーション方法

Web制作会社の主な集客方法として、テレビCM、雑誌広告、電車広告などが挙げられます。様々な番組のスポンサーとなっていることも多く、テレビCMなどで広告を見たことがある人も少なくないでしょう。基本的には、アナログ的なプロモーション方法が中心となりますが、最近はインターネットを活用した集客も欠かせない存在となっており、特に、リスティング広告やYouTube広告はWeb制作会社でも、よく活用されている方法です。

また、Web制作会社の運用SNSを見てみると、以下の通りでした。

●5サイトの運用SNS

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

Twitterを運用しているサイトが多く、次いでFacebook、YouTubeとなっています。
すべてのサイトで利用されているTwitterの投稿内容の傾向は、次々に打ち出されるキャンペーン案内やイベントシーズンのお得な情報などです。Twitterの利用者は幅広い層がいるため、キャンペーンを打ち出す際にも広報しやすく非常に使いやすいSNSとなっています。

最近は、YouTube広告に格安SIM・スマホの広告が出ることも増えています。新規契約につながるターゲットが多く利用するSNSだからこそ、各社アカウントを運用したり、チャンネルを開設したりしているのです。

また、SNSはユーザーともコミュニケーションを取りやすいツールです。すぐに効果が出るわけではありませんが、潜在顧客やファンの育成にもつながります。定期的に利用してくれるユーザーが増えたり、自発的に友人や知人に紹介してくれたりするなど、様々な良い効果が期待できますので、SNS運用およびソーシャルメディアのプロモーションを試してみてはいかがでしょうか。

Web制作会社業界の現状と今後について

Web制作会社サービスの2013年度から2020年度までの国内市場規模(仕事依頼金額ベース)は年平均成長率(CAGR)45.4%で推移し、2020年度には2,950億円に達すると予測。将来的には電子契約が浸透し、大手企業が懸念するコンプライアンス(法令遵守)への不安が解消されると見込まれることなどから、大手企業による大口案件の流通量が増加、高い伸びになると予測されています。

しかし、フリーランスの経済規模拡大に伴い、ギグワーカーと注文者との間でのトラブルも増えました。そのため、厚生労働省は、基本的に労働関係法令が適用されない「自営型テレワーク」の契約に係る紛争を未然に防止し、かつ、自営型テレワークを良好な就業形態とするために必要な事項を示すガイドライン「在宅ワークの適正な実施のためのガイドライン」を策定しました

Web制作会社はお仕事を発注したい側、受注する側双方にメリットは、まさに21世紀型の新しい働き方といえます。今後、さらに市場は拡大していくことが予想されています。

サイトをオープン、リューアルする際には今回紹介したことなどを加味して、ユーザーに選ばれるサイト制作をしましょう。

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

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サイトによって月額が異なります。

※ 価格は全て税込です。

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