デザインブログ

  • TOP
  • ブログ
  • ホームページリニューアルの失敗しないための注意点!!
6aadbba7da65b2c127d6d010932a6fbd_s

WEBデザイン

ホームページリニューアルの失敗しないための注意点!!

今使用しているホームページも古くそろそろリニューアルどきと感じて、
リニューアルはどんな色に変えるか、どれぐらい変えるべきか悩んだりしませんか?

リニューアルだからといって、すべてを変えるのも良くないです!!
リニューアルする際は以下の事柄に注意するべきです。

社名ロゴ、フォントを変えるならサイトの色を変える!!

blog_img

ロゴ単体の色を変えても全体のイメージは変わりません。
ロゴを変更するのは企業ブランドを変えるうえでもかなり重要な変更でもあり、
ロゴの変更を検討している方ならそのロゴのイメージに合わせた色に変える方がよいです。

サイトカラーを変えるのは与えるイメージを変えたいとき。

blog_img-02

 

内容が変わらなくても色によって受ける印象はかなり変わります。企業やサービスのコンセプトが変わる場合には、
新しい内容に合わせたカラーにするのが基本ですが、現在のサイトで成果が出ているサイトなら無理に色を変える必要はありません。

ロゴの色だけ変更する場合

ロゴの色だけ変わるなど、その会社のイメージそのものが変わる場合には、リニューアル時には思いきって色を変えるべきです。新しくなった企業ブランドを浸透させるためにも、新たなロゴの色を積極的に取り入れていくのが、配色の基本です。

強いイメージで伝えたい場合、同じ色を大きく使うか、繰り返し使っていくかの二通りの方法があります。
どちらが良いかは内容次第になってくるので、社内で検討しながら最適な方を選ぶ方がおすすめです。

成功サイトはそのまま

ホームページのリニューアルは何らかの目的で行うものだが、すでにある程度の成功をおさめていると考えられるサイトが、より成功を目指すためにはリニューアルの際に大きく色を変えない方が無難です。
アクセスするユーザやリピーターが存在し、そのサービスや商品のイメージが十分伝わっているようなサイトの作りであれば、無理に色を変える必要はありません!!
逆にそのサイトで紹介している商品やサービスがそっくり変わるような場合には、色を変更しても特に大きな問題はないでしょう。

そのサービスに合った色を選ぶことが重要です。
ただしコーポレートカラーのイメージと提供されているサービスが異なることはよくあります。
その場合にはコーポレートカラーは小さくし、アクセント部分やサイドバーの装飾など目立たないように配置する方がよいです。

この記事が気に入ったら
いいね!お願いします。

最新情報をお届けします

関連記事

  1. e6773cd0fee5bafc1a6ce28a05353fb0_s

    WEBデザイン

    絶対に抑えておきたいホームページの配色の面積と方法!!

    ホームページを制作する際に色の面積、配色がサイトのイメージを左右する大…

  2. 1381cdd3d8ee353b0371001e5c2e87eb_s

    WEBデザイン

    サイト全体のイメージとターゲットユーザを考える!!

    新規でホームページ制作またはサイトリニューアルを行う際にターゲットユー…

  3. 8e59eb4aa29ce1b551b409bed0416068_s

    WEBデザイン

    同じ色でも違って見える原因!

    ホームページ制作をやっていてたまにあることを書いてみたいと思います!!…

  4. 20160721blog_img1

    WEBデザイン

    WEBデザインには欠かせないフォント特集!!

    ホームページをデザインする上で、重要な要素となる「フォント」について、…

  5. _shared_img_thumb_PAK85_kakomaretairoenpitu1278_TP_V

    WEBデザイン

    ホームページの見やすさの視認性と読みやすさの可読性!!

    せっかくホームページを作っても見づらかったり、読みにくかった経験はござ…

おすすめ記事

  1. ice_screenshot_20160831-012703
  2. 20160825blog
  3. CoverVid
  4. 20160810blog1
  5. 9eebd6ae3e003dafbcb134405e540da0_s
  6. 20160801blog
  7. 20160630_1

最近の記事

  1. ドラッグ&ドロップ機能を可能にするモーダルポップアッププラグ…
  2. スクロールする際に画像をフェードさせるJavascriptプ…
  3. レスポンシブ対応!!自動フルスクリーン背景スライドの作成方法…
  4. Googleが公表するSEOランキングの3大要素!
  5. RTLテキスト対応JQueryのコンテンツスライダー・グライ…

アーカイブ

  1. 20160921blog_img

    動くホームページブログ!!

    レスポンシブ対応!!自動フルスクリーン背景スライドの作成方法!!
  2. 201601190

    制作ツールブログ!!

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン①
  3. 9eebd6ae3e003dafbcb134405e540da0_s

    制作ツールブログ!!

    OSの入ったSSD(Cドライブ)をコピー(クローン)、交換方法!!
  4. ice_screenshot_20160831-012703

    動くホームページブログ!!

    RTLテキスト対応JQueryのコンテンツスライダー・グライダーの作成方法
  5. 20160204blog

    動くホームページブログ!!

    WEB上で本をめくるような電子カタログプラグインのご紹介!!