メニュー

東京・小金井市のWEB制作会社の豆知識

MEMORANDUM

ホームページで参考となるサイトを見つける方法

「ホームページを作りたいけれど、どんなサイトにすればいいのか分からない」
初めてホームページ制作を依頼する方から、このような相談をよくいただきます。
ホームページ制作では、デザインや構成をゼロから考えるのは意外と難しいものです。
そのため、まずおすすめしているのが参考となるサイトをいくつか見つけることです。

参考サイトとは、実際に公開されている企業のホームページなどで、自分たちが作りたいホームページのイメージに近いサイトのことです。
参考サイトを見ることで、「どのようなページが必要なのか」「どんなデザインがあるのか」「同業他社はどのようなホームページを作っているのか」といった点を知ることができます。
また、制作会社に依頼する際も参考サイトがあると「このサイトのような雰囲気にしたい」とイメージを伝えやすくなります。
この記事では、参考サイトの見つけ方、参考サイトの見方、参考サイトを探すときに便利なギャラリーサイトについて紹介します。
ホームページ制作を検討している方は、ぜひ参考にしてみてください。

参考サイトの見つけ方

参考サイトを探すときは、見た目の好みだけで探すのではなく、目的や業種を基準に探すことが大切です。

目的で探す

まずはホームページの目的から探してみましょう。ホームページにはさまざまな種類があります。
同じ企業サイトでも、目的によってページ構成やデザインは大きく変わります。
そのため、まずは作りたいホームページと同じ目的のサイトを参考サイトとして探すのがおすすめです。

ホームページの種類

  • コーポレートサイト
  • 採用サイト
  • ショッピングサイト
  • サービスサイト
  • ランディングページ

業種で探す

次に、自社と同じ業種のサイトを見てみましょう。
同じ業種のホームページを見ることで、「どのような情報を掲載しているのか」「どのようなページ構成になっているのか」といった点を確認することができます。

特に企業サイトでは、同業他社のホームページが参考になることが多くあります。

色で探す

会社のコーポレートカラーが決まっている場合は、色を基準に参考サイトを探す方法もあります。
同じ色を使ったサイトを見ることで、「色の使い方」「配色のバランス」「デザインの印象」などをイメージしやすくなります。

見た目だけで探すのはおすすめしない

参考サイトを探すときに、「デザインのテイスト」「アニメーション」「見た目のかっこよさ」だけで探してしまうこともあります。
しかしこの方法だと、実際に作りたいホームページの目的と合わないサイトを参考にしてしまうことがあります。

そのため、まずは「目的」「業種」を基準に参考サイトを探すことをおすすめします。

参考サイトの見方

参考サイトを見るときは、デザインを見るだけではなく、いくつかのポイントを意識して見ることが大切です。

必要なページを確認する

参考サイトを見ることで、ホームページに必要なページを把握することができます。
例えば多くの企業サイトでは、下記のようなページが用意されています。

  • サービス紹介
  • 会社概要
  • 実績紹介
  • お問い合わせ

複数の参考サイトを見ることで、一般的なページはもちろん、差別化に必要なページ構成を理解することができます。

同業他社と比較する

同業他社のホームページを見ることで、自社サイトの方向性を考えることができます。
例えば情報量やサービスの見せ方、強みの打ち出し方などを比較することで、自社の特徴を整理するきっかけになります。

デザインの雰囲気を確認する

ホームぺージを作るうえで、最終的に気なるのはデザインです。
参考サイトを見ることで、ホームページのデザインテイストを確認することができます。
例えば、シンプルなデザイン、高級感のあるデザイン、親しみやすいデザインなど、デザインの方向性をイメージしやすくなります。

参考サイトを探すときに便利なギャラリーサイト

参考サイトを効率よく探すには、ホームページをまとめて紹介している「ギャラリーサイト」を利用すると便利です。

ギャラリーサイトとは、さまざまな企業のホームページを集めて紹介しているサイトのことです。
これらのサイトを使うことで、短時間で多くの参考サイトを見ることができます。
今回は弊社でも参考にしているサイトをいくつかご紹介します。

MUUUUU.ORG

掲載数が多く、弊社でも設立時より長く利用させていただいているWebデザインのギャラリーサイトです。

ちょうどいいWebデザインギャラリー

ギャラリーに掲載されている理由(良いポイント)が合わせて紹介されているWEBデザインのギャラリーサイトです。
デザイナーとしてもデザインを言語化しておくということの重要さを気付けるサイトです。

81-web.com

条件タグを使っての絞り込み検索が役に立つWebデザインのギャラリーサイトです。

現代デザイン

トップページのみでなく、下層ページも合わせて掲載されている、Webサイトをまとめた
デザインリンク集型のギャラリーサイトです。

1GUU

サムネイルが動画ファイルでできており、一覧画面でアニメーションが確認できるWebデザインギャラリーサイトです。

まとめ

ホームページ制作では、まず参考となるサイトを見つけることが大切です。

参考サイトを見ることで、必要なページ構成、同業他社との違い、デザインの方向性などをイメージしやすくなります。
参考サイトを探す際は、目的で探す、業種で探す、カラーで探すといった方法で探すと、実際のホームページ制作に役立つサイトを見つけやすくなります。

今回紹介したようなギャラリーサイトも活用しながら、ぜひホームページ制作の参考サイトを探してみてください。

RANKING

人気記事

同一カテゴリーの記事