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

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

メインビジュアル

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

●メインビジュアル例

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

サイトカラー

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

5サイトのサイトカラー

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

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

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

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

5サイトのフォント

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

●5サイトの運用SNS

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

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

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

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

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

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

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

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

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