【31サイト】WEB制作会社のWEBデザイン参考サイトを探してみました

ヒカルデザインのヒカルです。今回、WEB制作会社のWEBデザイン参考サイトを31サイト集めましたので、ご紹介したいと思います。以下のリンクより、参考サイトで確認することも出来ますので、是非ご活用ください。

参考サイトタイトル：WEB制作｜WEBデザインの参考サイト｜ヒカルドライブ
参考サイトURL：https://drive.hikaru.tv/category/industry/creative/web-production

なお、動画での解説も行っておりますので、お時間のある方は以下のリンクよりご覧いただけますと幸いです。

再生リスト名：WEB制作会社の参考サイト探してみた
再生リストURL：https://www.youtube.com/playlist?list=PLEbaA1G8t7OhA8b9cM4wemMpm9X-lnHeV

WEB制作会社の参考サイト一覧

まずは31サイトを一覧でご紹介させて頂きます。記事の最後に今回のまとめもご用意しておりますので、お時間のある方は是非御覧ください。

1.株式会社イットジャパン

メインビジュアルでユーザーを引きつけるアピール力が抜群です。クリックできる箇所のデザインを統一するなど、高いユーザビリティを実現しています。
サイトURL：http://www.itjpn.co.jp/

2.株式会社モンブラン

制作実績の成果部分をしっかりピックアップすることで、自社の力を十分にアピールしています。イラストや配色のレベルが高く、見ていて楽しく飽きないハイクオリティーなデザイン力が素晴らしいです。
サイトURL：http://monf.jp/

3.有限会社ドットイメージ

サイト全体のトーンや配色に統一感があり、会社のブランドイメージが強くアピールしています。マウスで反転させたカラーまで配色してあり、細やかなデザインまで意識的に行われてます。
サイトURL：https://www.dotimg.co.jp/

4.株式会社ディーゼロ

メインビジュアルでキャッチコピーをしっかり訴えており、多角形の立体的な矩形の動きで技術力の高さもアピールしています。
サイトURL：https://www.d-zero.co.jp/

5.フリップワークス株式会社

爽やかで軽快な印象をメインビジュアルで表現し、イラストを用いて自社のサービスを伝えています。
サイトURL：https://www.flipworks.jp/

6.コンデンス株式会社

デザインの提案力を制作実績でしっかりとアピールしています。
サイトURL：http://condense-c.com/

7.サルモデロ

ビジュアルやキャラクターをうまく使い、ブランディングを行っています。
サイトURL：http://sarubanana.com/modello/

8.株式会社フリーメソッド

堅実なイメージ、パートナーとしてしっかりサポートしてくれる印象が伝わってきます。
サイトURL：http://freemethod.co.jp/

9.ライト兄弟合同会社

三方良しの精神でクライアントをコーディネートするコンセプトが素晴らしいです。
サイトURL：https://www.w-bros.jp/

10.株式会社UZU

WEBサイト+イベントブースプロモーションでの2つの軸でユーザーを動かす提案ができる強みを訴えています。
サイトURL：http://www.uzu-lab.co.jp/

11.ブランコ株式会社

制作した成果物を見てもらうことで、信頼を得るだけの力が感じられます。
サイトURL：https://bulan.co/

12.株式会社ユニオンネット

クライアント企業を育てる施策や、実現する力をコンセプトにし、シンプルに表現しています。
サイトURL：https://www.unionnet.jp/

13.株式会社人間

最早、飛び抜けている、開き直っている、差別化している、凄いです。
サイトURL：http://2ngen.jp/

14.株式会社DOT-NOTE

動く背景や英字での表記など、デザイン性や技術力の高さをアピールしています。
サイトURL：https://dot-note.co.jp/

15.株式会社PIVOT

テーマをしっかり表現するために、アニメーションや矩形を丁寧に当てはめています。
サイトURL：https://pivot.jp/

16.株式会社バーグハンバーグバーグ

完全に振り切ってます、最高です。
サイトURL：https://bhb.co.jp/

17.BIRDMAN

技術力やデザイン力の高さをアピールし、WEBでの集客には依存していない印象があります。
サイトURL：http://www.birdman.ne.jp/

18.オープンデザイン株式会社

押せないメニューを用意することで、ユーザーへのメッセージをインタラクティブに伝えています。
サイトURL：http://open-design.jp/

19.株式会社ボタン

キャッチコピーと制作実績のみのシンプルな構成です。
サイトURL：http://www.botan.jp/

20.株式会社アクアリング

動画を活用して、技術力の高さから、社内の雰囲気まで満遍なく伝えています。
サイトURL：http://www.aquaring.co.jp/

21.株式会社 CINRA

デザイン性やブランディング力を強くアピールしています。
サイトURL：https://www.cinra.co.jp/

21.株式会社ココノヱ

制作実績をメインに紹介しており、細部に拘ったサイトで技術力の高さをアピールしています。
サイトURL：https://9ye.jp/

22.株式会社ソニックジャム

動画を使って制作実績からイベントの様子など、関わる全てを効果的に伝えています。
サイトURL：http://www.sonicjam.co.jp/

23.株式会社メタフェイズ

ローディングする毎に配色やメインのイメージが変わるなど、多様なビジネスへのアプローチを提案する力をアピールしています。
サイトURL：http://www.metaphase.co.jp/

24.株式会社コンテンツ

3Dを最大限に活用して、技術力の高さをアピールしています。
サイトURL：https://www.contents.ne.jp/

25.株式会社マウント

クライアント名のリンクのみという、かなりエッジの効いたアピールをしています。
サイトURL：http://mount.jp/

26.株式会社DONGURI

細密なイラストレーションとアニメーションで、デザイン力の高さをアピールしています。
サイトURL：https://www.don-guri.com/

27.LETTERS, INC.

図面のようなイメージと、英語表記でデザイン性の高さをアピールしています。
サイトURL：https://letters-inc.jp/

28.株式会社エイド・ディーシーシー

最早、私の理解力ではコメントできない力で、技術力の高さをアピールしています。
サイトURL：https://www.aid-dcc.com/

30.株式会社オンズ

クライアントに寄り添った仕事の内容が伝わってきます。
サイトURL：http://on-ze.com/

31.面白法人カヤック

制作実績をニュース形式で読ませるコンテンツとして掲載し、独特なアピールをしています。
サイトURL：https://www.kayac.com/

ユーザーについて

いかがでしたか？技術力もデザイン力も提案力も、レベルの高い会社ばかりで驚愕です。
さて、WEB制作会社のホームページを閲覧するユーザーについてですが、以下のような方が該当するかと思います。

■お客様：ホームページを作りたい人
・ホームページを持っていない人（起業したばかりの人）
・ホームページをリニューアルしたい人
・売上を伸ばしたい人（LPを作りたい、効果的に広告を打ちたい）
・ブランディングが必要な人

■採用・求人：WEB制作会社で働きたい人
・WEBデザイナーになりたい人

■外注：フリーランス
・パートナー契約したい人

■同業他社
・競合サイトの調査

コンテンツについて

続いて、WEB制作会社に共通しているコンテンツについてですが、以下のような結果になりました。★（星印）が付いている項目が重要なコンテンツと思われます。

■コンバージョン
・お問い合わせ★
・採用情報

■実績
・制作実績★
・クライアント

■事業案内
・コンセプト★
・サービス★
・プロダクト
・チームの紹介★

■制作前に知りたい内容
・よくあるご質問★
・制作の流れ★

■更新情報
・お知らせ★
・ブログ
・コラム
・メディア掲載実績
・受賞歴

■基本情報
・会社情報★
・アクセス

■その他
・写真集

上記の項目の中で、どのサイトにも「制作実績ページ」が存在しており、クライアントへの一番のアピールは実績をみてもらうのが一番効率と効果が高いのだと思います。
なお、お問い合わせフォームが存在していないサイトもありましたが、WEBサイトからの集客ではない箇所（コンペや代理店経由）からの受注を行っているのかもしれません。

メインビジュアルとキャッチコピーについて

最後に、印象的で記憶に残ったメインビジュアルとキャッチコピーをまとめてご紹介しておきます。

■株式会社イットジャパン
「コトづくり＞モノづくり」
・パララックスの効果を利用して、キャッチコピーを引き立たせている。
・切った断面にロゴマークを配置することで、効果的にブランディングを行っている。

■株式会社ディーゼロ
「keep changing 変化し続ける」
・変化し続けるということを、立体の多角形で表現。

■フリップワークス株式会社
「中小企業のWEB戦略をサポートし売れる仕組みを作ります。」
・テーマを写真（ビジュアル）でしっかり表現している。

■株式会社ユニオンネット
「育てたいのは、企業の未来です。」
・打ち合わせ風景の写真に、キャッチコピー。

■株式会社人間
「面白くて　変なことを　考えている」
・キャッチコピーと社名をドン。

■株式会社バーグハンバーグバーグ
「両手を振り上げ、口から火を吐きながら、のっしのっしと歩く」
・多彩なイラスト（意味を理解しずらい）

■株式会社PIVOT
「デザインにメカニズムを」
・アニメーションでキャッチコピーを表現している。

■株式会社アクアリング
「いいモノをつくる。とことん、いいモノをつくる。」
・動画で制作物やユーザー体験、会議の様子など紹介。

■株式会社メタフェイズ
「我々はユーザーにとって最も心地よく、ビジネスにとって最も効果の高いクリエイティブをお届けします。」
・変化する配色と、イメージ。

■株式会社DONGURI
「世界にデザイン思考の種を蒔く」
・細密なイラストレーションとアニメーション。

まとめ

WEB制作会社の参考サイトを31サイト集めてみましたが、いかがでしたか？
比較してみると、受注先の違いやアピールポイントの差別化など、私は大変参考になりました。
今回集めたサイトは、以下のリンク先からもご覧になれますので、どうぞよろしくお願いいたします。