BLOG
サイトのデザインを見直すとき、まず何を確認すべきか — リニューアル前の現状分析
「そろそろサイトを新しくしたいな」と思う。でも、いざ見直そうとすると、何から手をつければいいのか が分からない——。「古い気はするけど、具体的にどこをどう直すべきか」と聞かれると、言葉に詰まってしまう。サイトの見直し・リニューアルで、いちばん多いつまずきがこれです。この記事は、リニューアルの手順や費用の話ではありません。お伝えしたいのは、見直しの第一歩は「作り変える」ことではなく「今の現状を知る」こと だという、プロが必ず踏む順番です。現状を要素で把握できれば、「なんとなく古いから全部作り直す」ではなく、「本当に直すべきはここ」と、見直しの方向が定まります。
見直しの第一歩は「作り変える」ことではなく「現状を知る」こと
サイトを見直すとき、多くの人がいきなり「デザインを新しくしよう」「全部作り直そう」と考えます。でも、今のサイトのどこに課題があるのか分からないまま作り変えても、良くなる保証はありません。「なんとなく古いから」という曖昧な理由で始めたリニューアルは、目的がぶれて、時間とお金をかけたのに前と大差ない——という失敗になりがちです。
だからプロは、作り変える前に必ず 現状分析 をします。今のサイトの、どこが古く見えるのか・何が伝わっていないのか・どこが使いにくいのかを、具体的に洗い出す。課題がはっきりすれば、「ここを直せば良くなる」という見直しの軸ができ、無駄な作り直しを避けられます。見直しは、引き算（現状把握）から始めると、うまくいく のです。
ここで、扱う範囲をはっきりさせておきます。リニューアルの 手順・費用・要件定義・制作会社選び は、制作会社や専門記事の領域で、この記事では踏み込みません。この記事が扱うのは、その手前にある 「今のデザインの、どこを見直すべきか」を現状から見つける 部分です。また、PV や直帰率などの数字を見る アクセス解析 も見直しには大切ですが、それは別の領域。ここでは 見た目のデザインの現状 に絞ります。
見直すべき点を、5 要素で洗い出す
では、今のサイトの何を見ればいいのか。見た目のデザインは、配色・フォント・コピー・レイアウト・動きの 5 要素で点検すると、課題が具体的に洗い出せます。それぞれ「見直しで確認すべきこと」を見ていきましょう。
配色 — 今の色は、古く・ちぐはぐになっていないか
まず、使っている色数・色の組み合わせ を確認します。色数が多すぎないか、時代を感じる色使い（くすんだ原色など）になっていないか、ブランドの印象に合っているか。色は第一印象を大きく左右するので、見直しの効果が出やすいところです。今の配色を客観的に把握したいときは 今の配色を客観的に把握する方法 が使えます。
フォント — 書体が古い・読みにくくなっていないか
次に 見出し・本文の書体 を確認します。古い定番書体のままになっていないか、本文が読みやすいサイズ・行間か、書体が絞られているか。フォントは「古さ」が出やすい要素です。書体の印象を見直したいときは 日本語フォントで、サイトの印象はどう変わるか が参考になります。
コピー — 何のサイトか、今も伝わっているか
最初の一言（メインキャッチ）で、何のサイト・誰向けかが伝わるか を確認します。サービスが変わったのに昔のコピーのまま、というのはよくあること。今の事業に、今の言葉が合っているかを見直します。
レイアウト — 構成・余白は、今の情報量に合っているか
情報の構成、余白、優先順位 を確認します。情報が増えて詰まっていないか、何を最初に見せたいかがはっきりしているか、余白にゆとりがあるか。余白が印象に効く仕組みは Web サイトの余白（ホワイトスペース）が、印象をどう変えるか で掘り下げています。
動き — 演出が古い・過剰になっていないか
アニメーション（動き） も見直しの対象です。かくかくした古い動きや、スクロールのたびに派手に動く過剰な演出は、古臭さを感じさせます。逆に、動きが皆無で素っ気ない場合もあります。動きの量が今の目的に合っているかを確認します。動きの過不足の見分け方は サイトの動きは「足りない？多すぎ？」— 動きの過不足を分析で読み解く で紹介しています。
こうして 5 要素で現状を洗い出すと、「全体的に古い」という漠然とした不満が、「配色が古く、フォントが読みにくく、動きが過剰」という 具体的な課題リスト に変わります。ここまで来れば、見直しの方向は自ずと定まります。特定の症状（古い・ごちゃつく・ダサいなど）の詳しい切り分けや、直す順番まで考えたいときは Web サイトのデザインを改善する方法 が入り口になります。全体の古さが気になるなら サイトが古い・古臭く見える原因の調べ方 もどうぞ。
自分のサイトの現状は、自分では客観視しにくい
ここまで読むと、「じゃあ自分のサイトの現状はどうなんだろう？」と気になってきたのではないでしょうか。ところが、これを自分で客観的に把握するのは、案外むずかしいのです。作った本人・運営している本人は、そのデザインを見慣れてしまっていて、どこが古いか・どこが課題かに気づきにくい からです。「毎日見ているのに、いや、毎日見ているからこそ、粗が見えない」——これはよくあることです。
そんなときは、外から客観的に現状を読み解いてもらう という手があります。yorunoma に URL を入れると、配色・フォント・コピー・レイアウト・動きの 5 要素が 今どうなっているか を読み解き、言語化してくれます。「色数はいくつで、どんな印象か」「書体は古くないか」「余白は詰まっていないか」——見直しの手がかりが、要素ごとに手に入ります。リニューアルの第一歩である現状分析を、URL 1 つで進められます。
正直にお伝えしておくと、yorunoma はリニューアルを設計したり、デザインを作り変えたりする道具ではありません。してくれるのは、今のデザインの現状を読み解いて、見直しの手がかりを出す ところまで。実際にどう作り変えるかは、あなた（や制作会社）の仕事です。でも「今の課題がどこにあるか分からない」という最初の壁を越えられれば、リニューアルの方向は、ぐっと定めやすくなります。現状から一歩進んで「どこを・どう直すか」を優先度つきで欲しい場合は 診断（Pro プラン以上）、目指したい参考サイトと今の自社を並べて比べたい場合は 比較（Premium プラン） が向いています。
yorunoma で実際に現状を読み解くと
実際に yorunoma に今のサイトの URL を入れると、5 要素がまとめて読み解かれ、見直しの手がかりがつかめます。
たとえば 配色 では、今使っている色が 1 色ずつ、役割（ベース・アクセントなど）と占有率つきで解読されます。「色数が多すぎないか」「古い色使いになっていないか」——見直すべき配色の現状が、具体的に見えます。
コピー では、キャッチ・本文・CTA の役割が分類され、「今のメインキャッチで、何のサイトか伝わっているか」を確かめられます。フォント・レイアウト・動きも同じように読み解かれるので、5 要素の現状が URL 1 つで一望でき、見直しの課題リストが手に入ります。制作会社に依頼するときも、この現状把握があれば、要望を具体的に伝えられます。
こんな使い方
見直し前の現状分析は、次のような場面で役立ちます。
- リニューアル前に、現状を分析して課題を洗い出す — 今のサイトの 5 要素を読み解いて、「どこが古い・伝わらない・使いにくいか」を具体化します。課題がはっきりすると、無駄な作り直しを避けられます（分析は全プランで使え、登録なしの無料体験でも試せます）。
- お手本サイトを分析して、目指す方向を掴む — 「こうなりたい」と思うサイトを読み解くと、配色・フォント・余白の狙いが言語化でき、リニューアルの方向性の参考になります。競合と見比べたいときは 競合サイトのデザインを分析する方法 もどうぞ。
- 制作会社に依頼する前に、要望を具体化する — 現状の課題を要素で把握しておくと、「なんとなく今風に」ではなく「配色を絞り、余白を増やしたい」と具体的に伝えられ、認識のズレを防げます。優先度つきの改善提案まで欲しいときは「診断」（Pro プラン以上）、参考サイトと今の自社を並べる「比較」は Premium プランの機能です。
リニューアルは、大きな決断です。だからこそ、作り変える前に現状を知る。それだけで、遠回りをぐっと減らせます。
よくある質問（FAQ）
無料で使えますか。
はい。URL を入れて配色・フォント・コピー・構造・アニメの 5 要素を読み解く「分析（解析）」は全プランで使え、登録なしの無料体験で 1 回試せます。まずは今のサイトの URL を 1 つ入れて、現状を読み解くところから始められます。それ以降はプランによって 1 か月に解析できる回数が変わります。詳しくは 料金プランを見る からご確認ください。
リニューアルの手順や費用も分かりますか。
いいえ。リニューアルの手順・費用・要件定義・制作会社選びは、制作会社や専門の領域で、yorunoma は扱いません。yorunoma がお手伝いできるのは、その第一歩である 「今のデザインの現状を読み解き、見直すべき点を見つける」 部分です。現状把握ができていれば、その後の手順や依頼が、ぐっと進めやすくなります。
アクセス数や成果（PV・直帰率・CV）も分かりますか。
いいえ。yorunoma は 見た目のデザインの現状 を読み解くツールです。PV・直帰率・コンバージョンといった数字は扱いません。それらはアクセス解析ツールの領域で、リニューアルではデザインの現状分析とあわせて見るものです。yorunoma が担うのは、配色・フォント・コピー・レイアウト・動きという、見た目の現状分析の部分です。
自分のサイトも分析できますか。
はい。今のサイトの URL を入れれば、同じように 5 要素を読み解けます（分析は全プランで使え、無料体験でも試せます）。自分のサイトについて優先度つきの改善点まで出す「診断」は Pro プラン以上、参考サイトと今の自社を並べて見比べる「比較」は Premium プランの機能です。
まとめ
サイトの見直し・リニューアルで、いちばん大事なのは、いきなり作り変えることではなく、まず今の現状を知る ことです。「なんとなく古い」を、配色（色数・古さ）・フォント（書体・読みやすさ）・コピー（今も伝わるか）・レイアウト（構成・余白）・動き（古い・過剰でないか）の 5 要素で洗い出せば、漠然とした不満が具体的な課題リストに変わり、見直しの方向が定まります。自分では現状を客観視しにくいときは、今のサイトの URL を 1 つ入れるだけ。1 分もかからず、今のデザインの現状が読み解けます。作り変える前に、現状を知る。その一歩が、遠回りのないリニューアルにつながります。
あわせて読みたい
この記事に関するご意見・ご要望は contact@yorunoma.app までお寄せください。