名古屋でホームページ制作を通じてWEB集客を支援する(株)オンカの「お知らせ・コラム」ページ

TEL.0120-038-517 CONTACT

NEWS & COLUMN

お知らせ・コラム

SCROLL

DESIGN

他社との差別化を図る、デザインや配色が印象的なホームページ4選

2022
.12.20

他社との差別化を図る、デザインや配色が印象的なホームページ4選

ホームページのデザインクオリティはどの企業も年々向上しており、他社との差別化を図るために、ものめずらしさを感じるレイアウトや配色を行う企業も増加してきています。そのためWEBデザイナーは、依頼主である企業の競合他社よりも良いホームページを制作できるよう様々な企業のホームページのレイアウトや配色を日々研究する必要があります。
今回は、デザインや配色、アニメーションが印象的なホームページを4つご紹介します。

サウンドトリップ

サウンドトリップ
サウンドトリップ

こちらは、「音で飛ぶ、寺社の新体験」とキャッチコピーにあるように、寺社での新しい試みをアピールしているホームページです。ローディングアニメーションが凝っており、始めからが期待が高まる仕様となっています。
また、蛍光色のようなカラーを使用していますが、色味を少し落ち着かせてあるため、目がチカチカすることもなく見やすいホームページとなっています。

みずほフィナンシャルグループ 採用情報サイト

みずほFG
みずほフィナンシャルグループ 採用情報サイト

こちらのホームページは、黒色のテキストを一切使用しておらず、赤色と青色だけでデザインされています。また、スクロール時の動きも独特で、どんどん読み進めたくなる工夫が施されているホームページです。

しんみ歯科高田馬場

しんみ歯科
しんみ歯科高田馬場

こちらは、歯医者のイメージを刷新するようなスタイリッシュなデザインと、各箇所の細かい動きが印象的なホームページです。一つひとつのアニメーションに手が込んでおり、その手間が全体の上品らしさやスタイリッシュさを表現しています。下層ページにおいてはシンプルに情報がまとめてあるため、ユーザーが求めている情報を探しやすいホームページとなっています。

ゴリラクリニック採用情報ページ

ゴリラクリニック
ゴリラクリニック採用情報ページ

こちらのホームページは横スクロールの構成となっており、スクロールしていくと背景のグラデーションカラーが変化する仕様となっています。使用しているグラデーションカラーは現代的な配色で、男女問わず幅広いターゲット層に合うカラーが使用されています。また、使用写真も1枚1枚が凝っており、全体的に完成度の高いデザインとなっています。

今回のまとめ

ホームページの数が増えるほどWEBデザインも多様化が進むため、WEBデザイナーの方は、競合他社との差別化を図るためにどのようなレイアウト、カラー、アニメーションを取り入れたら良いかを熟考する必要があります。競合他社のホームページよりも良いホームページを制作できるよう、日頃から様々な企業のホームページを訪れるようにして、レイアウトや配色、アニメーションを研究することをお勧めします。

AUTHOR

著者情報

執行役員 デザイナー

N.H.

大学を卒業後、新卒で株式会社オンカに入社し、WEBデザイナーとしてコーポレートサイトやポータルサイト、採用サイト、ECサイト、LPなど様々な種類かつ多種多様な業種のホームページ制作にオールマイティに対応。現在は、執行役員・デザイナーチームのマネージャーとしてWEBデザインのさらなる品質向上に尽力している。

  • カラーコーディネーター AD
  • フードコーディネーター 3級
  • WEBデザイナー検定エキスパート

PAGE TOP