Webサイトの比較調査から見えたオリジナリティを出す4つの方法

こんにちは！キオミル株式会社の橋本です。
Webサイト制作をしていると、こういったご要望を多くいただきます。

• 自社のイメージをデザインで表現したい
• 競合他社と差別化したWebサイトを制作したい
• オリジナリティのあるWebサイトを制作したい

そこで今回は実際に公開されているWebサイトを調査しながら、「Webサイトのオリジナリティ」について掘り下げていきたいと思います。なお、この記事ではオリジナリティを「自社だけの独自性があるもの」として定義します。

「どうしてもありふれたWebデザインになってしまう……」
「オリジナリティのあるWebサイトにしたいけどどうすればよいのか分からない……」

といった悩みがある方はぜひ参考にしてみてください。

すべてがオリジナルなWebサイトを制作することはほぼ不可能

あくまで個人の見解ですが、完全にオリジナルなWebサイトを制作するのは不可能だと思います。
その理由は下記の2点です。

1. ユーザーのニーズは共通する（コンテンツ）
2. 慣れ親しんだWebサイトは使いやすい（デザイン）

ユーザーのニーズは共通する（コンテンツ）

まずは、コンテンツについて採用サイトを例にみていきます。
これまでの経験からいうと、採用サイトの中に下記のようなコンテンツを設けている企業が多いです。

• 企業風土
• 募集職種や業務内容
• 実績紹介
• 企業情報
• ヒストリー
• 働いている人のインタビュー
• 採用までの流れ

実際にさまざまな採用サイトをみても、上記コンテンツは多く設けられています。では、なぜこのように各社のコンテンツは共通するのでしょうか。

それはズバリ、ターゲットのニーズが共通しているからです。

Webサイトのコンテンツはターゲットが求める情報を提供する必要がある、というのが基本的な考え方です。
つまり、採用サイトを訪れるユーザーのニーズが共通するため、異なる企業の採用サイトであっても、コンテンツも自然と共通となります。

この点から、自社だけのコンテンツを用意することにこだわりすぎるとターゲットのニーズから隔離してしまい、Webサイトとしての目的が果たしにくくなることがお分かりいただけるかと思います。

採用サイトのコンテンツ

実際に公開されている採用サイトをランダムにピックアップして、ナビゲーション内容を基準にコンテンツを比較してみたいと思います。

採用サイトにおけるコンテンツ比較表

コーポレートサイトにおけるWebデザイン比較

色数を抑えた見やすいデザイン、整列されたレイアウト、分かりやすい導線設計など共通する部分が多いと思います。

補足：Yahoo! JAPANのWebサイト

もう1つ例をご紹介します。Yahoo! JAPANのWebサイトは公開当初からWebデザインに大きな変更等がありません。

2003年

2023年

引用させていただいたブログ記事からこれまでの変更デザインを確認することができますが、20年でデザインがここまで変わらないWebサイトも珍しいです。

その理由を推測すると、Yahoo! JAPNの検索サイトは公開当初から訪問するユーザーが多く、年齢層も幅広いからだと思います。

さまざまな方が利用するサイトのため、デザインに大きな変更を施さないことで、誰がいつみてもストレスなく使用できるサイトになっているのではないでしょうか。

情報量の多さによる見にくさも、昔から慣れ親しんだWebサイトであれば大きな懸念にはならないのかもしれません。

部分的にオリジナリティを出してWebサイトを魅力的にする方法

ここまで、コンテンツとWebデザインの面からWebサイトではオリジナリティを出すのが難しいことを述べてきました。しかし、そのなかでも部分的にオリジナリティを出すことで魅力的なWebサイトにすることができます。

Webサイトを調査するなかで、特に魅力的だと感じたWebサイトをご紹介します。これらのWebサイトは、下記の4点によって非常に魅力的だと感じました。

1. コンテンツの見せ方を変える
2. 画像素材の焦点（コンセプト）を変える
3. 魅力的なコピーを使用する
4. イメージに沿った装飾をデザインする

1. コンテンツの見せ方を変える

1つ目にご紹介するのは、コンテンツを漫画でみせることでオリジナリティが出ている第一高周波工業株式会社様のWebサイトです。

第一高周波工業株式会社様｜http://www.dhf.co.jp/recruit/special/story/vol01.html

コーポレートサイトや採用サイトで多くみられる「ストーリー」を、年表や文章ではなく漫画で表現することで、簡単かつ楽しく読み進めることができました。

最近ではスマートフォンで漫画を読む方も非常に多いため、スクロールしながら漫画を読むことにも違和感がなく、少し難しく感じてしまいそうな内容を訴求する場合にも効果的な方法といえます。

このように、多くのサイトで用いられているコンテンツでも、見せ方を変えるだけで一気にオリジナリティの溢れるWebサイトになります。

2. 画像素材の焦点（コンセプト）を変える

2つ目は、画像素材にオリジナリティが出ている株式会社HA-RU様のWebサイトです。

株式会社HA-RU様｜https://ha-ru2017.co.jp/

業務風景や従業員の画像が多く使用されていますが、従業員のみなさまの笑顔や楽しそうに業務している様子がとても魅力的に感じました。

コーポレートサイトは、どうしても業務や取り扱う商品などに焦点を充てた画像が中心になります。しかし、「人」に焦点を当てることで会社の雰囲気を感じられ、求職者は親しみや安心感を持って気軽にお問い合わせができると思います。

撮影は費用や工数がかかるためフリー素材を使用することを検討する場合も多いと思いますが、オリジナリティや魅力という面ではイメージに沿った画像を使用することが大切です。

3. 魅力的なコピーを使用する

3つ目は、コピーにオリジナリティが出ている株式会社大気社様のWebサイトです。

株式会社大気社様｜https://www.taikisha.co.jp/recruit/

ファーストビューに画像などがなく「空気は、おもしろい。」というコピーが目を引きます。

パッとみたときに「空気は、おもしろい。……ってどういうことだろう？」という興味が湧き、自然とスクロールしてみたくなりました。

最近は英語のコピーを置いたスタイリッシュなWebサイトも多く見かけますが、英語の場合はユーザーが文字ではなく画像として認識してしまう可能性もあります。

そのため、日本人のユーザーに刺さるコピーという面では日本語のコピーにすることが大切です。

4.イメージに沿った装飾をデザインする

4つ目は、装飾にオリジナリティが出ている新日本計器株式会社様のWebサイトです。 

新日本計器株式会社様｜https://shinnippon-keiki.co.jp/

実はこのWebサイトは、キオミルのデザイナーさんが「このWebサイト素敵！」ということで社内に共有してくれたサイトです。

ページを見ていくと業務で取り扱うさまざまな計器がデザインの装飾として取り込まれています。アイコン、アクセント、背景などにうまく「計器っぽさ」を落とし込んでいて、競合他社と比較しても一味違うWebサイトになっています。

最後に

この記事では、さまざまなWebサイトを調査しながら、オリジナリティを出す難しさやその方法についてご紹介しました。

最後に1つお伝えしたいのは、魅力的なWebサイトを制作するためには「新しいアイディアの創出が不可欠」ということです。

本記事の通り、オリジナリティのあるWebサイトを制作することはあまり現実的ではありません。しかし、

• この会社だから伝えられることがないか
• こんなサイトの機能があったら使いやすいのではないか

といった新しいアイディアの模索が大切です。

これは私自身がWebディレクターとして常に心がけていることでもあります。新しいアイディアを模索することを放棄してしまうと「よくあるWebサイトの1つ」になってしまいます。

オリジナリティを出すための試行錯誤は大変な作業になりますが、この部分こそWebサイト制作の楽しさであり、Webディレクターの腕の見せどころだと思います。

本記事がWebサイトを制作している方やこれから制作する方のヒントになれば幸いです。