参考サイトを見せたのにイメージが違う？HP制作で伝えたい3つの好み

「このサイトのような雰囲気で」と伝えたのに、思っていたホームページと違う。そんな不安がある方へ。

参考URLに加えて「どの場所が好きか」「なぜ好きか」「取り入れなくてよいもの」を伝えると、構成とデザインの方向性を話し合いやすくなります。専門的な指定や、完成した指示書は必要ありません。

■ 同じサイトを見ても、注目する所は違います

たとえば、カフェのHPを見て、発注者は「落ち着いた店内写真」が好きだったとします。制作側が「青い色」「細い文字」を参考にすると、色は似ていても希望した印象とずれることがあります。

そこで、サイト全体を一つの見本にする前に、好きな部分を分けて考えます。下の図は説明用に作った架空のHPです。実際の納品例や他社サイトの転載ではありません。

■ 図の3か所なら、こう伝えられます

① 写真の扱い

「店内の写真が大きく、静かに過ごせる雰囲気が伝わる点が好きです。当店も空間を見て選んでもらいたいです」

② 余白と文字量

「説明が詰まっておらず、ゆっくり読める感じが好きです。ただ、メニューの内容と料金は省かずに載せたいです」

③ 案内の分かりやすさ

「メニューとアクセスを、迷わず選べるところを参考にしたいです」

この3つを分ける理由は、写真、文章量、案内先がそれぞれ別の判断だからです。「落ち着いた雰囲気」と「必要な条件を隠さないこと」は両立させて考えます。見た目を似せるために、料金や利用条件まで減らす必要はありません。

■ 見本と同じにしない部分も、先に共有

「写真の大きさは好き。でも配色は自社のロゴに合わせたい」「動きは不要。スマホでも落ち着いて読めるようにしたい」。このような希望も役立ちます。

参考サイトに使われている写真・文章・ロゴを、そのまま使う依頼にはしないでください。実際に使用する写真や原稿の利用権は、別に確認します。良い参考が見つかっても、そのままの構成が自社の商品数や説明量に合うとは限りません。

ブランドの色や文字のルールがすでに決まっている会社なら、それを優先して資料をご共有ください。一方、好みをまだ決められない場合は、無理に一つへ絞らず「好きな例」と「避けたい例」を短い理由と一緒に伝える方法もあります。

■ 制作側に任せることと、確認していただくこと

こちらでは、参考のどこを取り入れるかを、支給原稿・写真と必要なページに合わせて整理します。HP制作は、構成とトップの方向性を確認してから各ページへ進める流れです。

最初の確認では「店の印象と合っているか」「主力として伝えたい内容が見えるか」を教えてください。色の番号や余白の数値まで指定する必要はありません。ただし、最初に合意した方向性を後から全面的に変える場合は、修正の範囲や費用を改めて確認します。

■ コピーして使える相談メモ

参考URL：＿＿＿

好きな場所と理由：＿＿＿

取り入れなくてよいもの：＿＿＿

必ず残したい情報：＿＿＿

自社の写真・ロゴの準備状況：＿＿＿

たとえば「写真は大きく、文章は短め。ただし料金と利用条件は見つけやすく」と書いていただければ、見た目と情報の両方を相談できます。

新しいHPや全体の作り直しをご検討なら、このメモと現在のURLを、見積り相談へお送りください。新規制作なら現在のURLは不要です。掲載量や機能、素材の準備状況を確認し、構成・デザイン・実装の範囲をご相談します。