ホームページのデザインが古いと感じていても、どこが古く見えるのか、そのままにしておくと何が困るのかが分からず、リニューアルに踏み切れない企業は少なくありません。
この記事では、デザインが古いホームページのデメリットと古く見える原因、リニューアルで直すポイントを解説し、ターゲットに合わせて古さを残しつつ使いやすくした当社の事例も紹介します。
デザインが古いホームページのデメリット
デザインが古いホームページをそのままにしておくと、見た目の印象だけでなく、問い合わせや採用、営業など会社の活動にも影響が出ます。
会社の信頼性が低く見られる
多くのユーザーは、会社のことをよく知らない状態でホームページを見て、その会社の印象を判断します。
デザインが古いホームページは、時代に合わせて改善していない会社や、新しいことへの対応が遅い会社という印象を与えることがあります。特にBtoBの取引では、担当者が取引前にホームページを確認し、上司に報告する場面も少なくありません。そこでデザインが古いと感じられると、実際の技術力や実績とは関係なく、取引の検討から外されることがあります。
会社の中身が評価される前に、見た目だけで信頼性を判断されてしまう点が大きなデメリットです。
スマホで見づらくユーザーが途中で離れる
デザインが古いホームページは、パソコンで見ることを前提に作られていることが多く、スマホで開くとパソコンの画面がそのまま縮小して表示されます。
文字が小さく拡大しないと読めない、ボタンが小さく押し間違える、横にスクロールしないと全体が見えないなど、スマホユーザーにとって使いにくい状態になります。今は多くの業種で、スマホからホームページを見るユーザーが増えています。読みづらいと感じたユーザーは、目的の情報にたどり着く前にページを閉じてしまいます。
アクセスがあっても問い合わせや電話の前に離れてしまうので、ホームページが成果につながりにくくなります。
求職者に敬遠されて採用につながりにくい
求職者の多くは、応募する前に会社のホームページを確認します。
普段からスマホで見やすく整ったデザインに慣れている若い求職者は、デザインが古いホームページを見ると、働く環境や社内の仕組みも古いのではないかと感じることがあります。求人媒体に掲載して興味を持ってもらえても、詳しく知ろうとホームページを見た段階で応募をやめられてしまうことがあります。
求人広告に費用をかけても応募が増えない場合、デザインが古いホームページが原因になっていることもあります。
営業の場で自社のホームページを案内しにくい
営業担当者は、名刺や提案書、メールの署名などで自社のホームページを案内する機会が多くあります。
デザインが古いホームページだと、社員自身が見せることに抵抗を感じ、URLを伝えるのをためらうようになります。商談の場で実績や会社概要を画面で見せたくても、見せられる状態ではないため、パンフレットや別の資料を用意する手間が増えます。
本来は営業の道具として使えるはずのホームページが、社内で使われないまま放置される原因にもなります。
ホームページのデザインが古く見える原因と直すポイント
ホームページのデザインが古く見える原因は、いくつかの決まった部分に表れます。ここでは原因ごとに、リニューアルのときに意識して見直すポイントを紹介します。
画面の幅が狭く左右に大きな余白がある
以前のホームページは、画面の小さいパソコンに合わせて、コンテンツの幅を狭く固定して作られていました。今の大きなモニターで見ると、中央にコンテンツが小さくまとまり、左右に何もない背景が広く残ります。この見え方だけで、一昔前のホームページという印象を与えてしまいます。
リニューアルでは、今のパソコンの画面で見たときにコンテンツの幅が狭すぎないか、写真や背景を画面いっぱいに使う部分があるかを意識して見ることがポイントです。ただし文章の1行が横に長すぎると読みにくくなるので、文章の幅と写真の幅を分けて考える必要があります。
文字が小さく画像で入れた文字が多い
以前はきれいな書体を使う方法が少なく、見出しやメニューの文字を画像で作ることが一般的でした。画像の文字は拡大するとぼやけて見え、今の高精細な画面では粗さが目立ちます。本文の文字が小さく、行間が詰まっていることも、デザインが古く見える原因です。
リニューアルでは、見出しやメニューの文字がテキストで入っているか、本文の文字サイズと行間が今の画面で読みやすいかを意識して見ることがポイントです。文字をテキストにすると、検索エンジンにページの内容が伝わりやすくなるメリットもあります。
ボタンや見出しに影やグラデーションが多い
ボタンを立体的に見せるために、影やグラデーション、光沢をつけたデザインが流行した時期がありました。今は装飾を抑えた平らなデザインが主流になり、影やグラデーションの多いボタンや見出しは時代を感じさせます。見出しに枠や影などの装飾が重なっていると、ページ全体がごちゃごちゃした印象にもなります。
リニューアルでは、装飾がなくてもボタンだと分かるか、見出しが本文と区別できるかを意識して見ることがポイントです。装飾を減らす代わりに、色や余白で区別をつけると、すっきりとした今のデザインに近づきます。
写真の画質が低く写っている内容も古い
以前のデジタルカメラや携帯電話で撮った写真は画質が低く、今の画面で大きく表示すると粗さが目立ちます。写っている店内や設備、スタッフの服装が今と違っていると、デザインが古く見えるだけでなく、実際の会社の様子とずれた印象を与えます。
リニューアルでは、写真を大きく使っても粗くならない画質があるか、今の会社の様子を写しているかを意識して見ることがポイントです。レイアウトを変えなくても、写真を新しくするだけでホームページの印象は大きく変わります。
使っている色が多く原色が目立つ
原色の赤や青、黄色などを何色も使ったデザインは、全体が派手になり、古い印象を与えます。目立たせたい部分が多いと色数が増え、ユーザーはどこが大事な情報なのか分からなくなります。
リニューアルでは、メインカラーとアクセントカラーが決まっているか、問い合わせボタンなど目立たせたい部分にだけ強い色を使っているかを意識して見ることがポイントです。ロゴやパンフレットの色に合わせて決めると、ホームページと会社の印象がそろいます。
トップページで何枚もの写真がスライドする
トップページで何枚もの写真が自動で切り替わるデザインは、一時期多くのホームページで使われていました。最初に見える写真が次々に変わるので、ユーザーは会社が何を伝えたいのかをつかみにくく、2枚目以降の写真は見られないまま終わることも少なくありません。写真の枚数が多いと表示が遅くなる原因にもなります。
リニューアルでは、トップページを開いたときに伝えたいことが1つに絞られているかを意識して見ることがポイントです。伝えたいことを1枚の写真とキャッチコピーにまとめると、今のホームページらしい見え方になります。
当社がターゲットに合わせて古さを残しつつ使いやすくしたホームページの事例
当社のホームページ制作では、デザインが新しく見えるかどうかよりも、ユーザーにとって使いやすいかを重視しています。その中でも特に意識しているのが、コンテンツ幅と余白の取り方、色の使い方です。この3つが今の画面に合っていれば、デザインの雰囲気に多少の古さが残っていても、ユーザーが使いにくさを感じることはありません。
制作実績のANA・JAL株主優待即納サービスのホームページは、利用するお客様に年配の方が多かったので、あえて少し古さを感じるデザインで制作しました。最新の流行を取り入れたデザインより、見慣れた雰囲気のデザインのほうが、年配のユーザーが戸惑わずに商品を選び、購入まで進めると考えました。
一方で、コンテンツ幅や余白は今の画面に合わせて整え、色も使う場所を絞っています。その結果、見た目には古さを感じるものの使いにくさは一切なく、実際に多くの売上を上げています。
デザインが古いホームページのデメリットの多くは、見た目の古さそのものより、今の画面で使いにくいことから生まれます。どこまで新しいデザインにするかは、ホームページを見るターゲットに合わせて決めることが大切です。
まとめ
デザインが古いホームページで問題になるのは、見た目の古さそのものより、今の画面で使いにくいことです。リニューアルでは、新しいデザインにすること自体を目的にせず、ターゲットに合った見え方と使いやすさを両立させることが大切です。
当社では、リニューアルの前に御社のホームページを見るユーザーや目的をヒアリングし、どこまで新しいデザインにするかを提案しています。コンテンツ幅や余白、色の使い方を今の画面に合わせて整えます。ターゲットが迷わず使えるホームページに仕上げます。
デザインが古く会社の印象が心配な場合や、リニューアルでどこを直せばよいか分からないといったお悩みがあれば、お気軽にご相談ください。
