2026.10.18

management

サイトの作り直しは、共通の部品集を借りて変える所を3つに絞る

サイトを作り直そうとすると、最初に「色はどうしましょう」「文字はどうしましょう」と聞かれます。決めることが多すぎて、話が進まなくなる会社は少なくありません。この記事では、サイトの見た目をどこから作り直すかを、会社としてどう決めるかを説明します。

ゼロから作らず、共通の部品集を借りる

弊社の答えは、見た目をゼロから作らないことです。特定の会社の色を持たない、共通の部品集を借ります。部品集とは、ボタンや見出しや入力欄など、サイトに必要な部品とその決まりをまとめたものです。専門語ではデザインシステムと呼びます。

そのうえで、色や文字の大きさなど、変えたい所だけを自社に合わせます。変える必要のない項目は、初期値のままで十分です。ゼロから作ると全部の項目を会社で決めることになり、決める項目が増えるほど、決める人の時間もあとで直す手間も増えます。

初期値のままにしてよい項目の見分け方

「初期値のままでよいか」は、1項目ずつ次の順で判断する流れです。まず、その項目を変えると、お客様が自社だと気づきやすくなるかを考えます。そのうえで、変えてもお客様が迷わないかを確かめ、変えなくても困らない項目は初期値のままにすると決めます。

たとえば、ボタンを押したときの動きや、入力欄の枠の太さは、多くの会社で初期値のままで困りません。お客様はそこを見て自社を覚えるわけではないからです。

反対に、会社の色や、見出しの文字の形は、自社らしさが出やすい項目です。ここは変える候補に入れます。

作り直しの前に、変える所を3つまでに絞る

借りた部品集を使っても、変える所が多ければ、結局ゼロから作るのと同じ手間になります。そこで、作り直しを始める前に、変える所を3つまでに絞ります。

絞るときの問いは次の3つです。

  • 変える所の候補を、思いつくだけ全部書き出す
  • 担当者全員で書き出し、数は気にしない
  • 候補ごとに、変えなかった場合に何が困るかを書く
  • 困ることが書けない候補は、初期値のままにする
  • 残った候補を、困り方が大きい順に並べて、上から3つを選ぶ
  • 4つ目以降は、サイトを公開したあとに足す

3つを超えた分を捨てるわけではありません。公開してお客様の反応を見てから、足すかどうかを決めます。

絞った結果は、制作会社に文章で渡す

制作会社へ頼むときは、変える3つと、初期値のままにする項目を、文章で渡します。口頭の説明だけだと、制作会社が「ここも変えたほうがよい」と善意で広げてしまうことがあります。

渡す文章の内容は次のとおりです。

  • 借りる部品集の名前
  • 制作会社が提案する場合は、その理由も聞く
  • 自社に合わせて変える所
  • 3つまでと書き、それぞれ何に変えたいかを書く
  • 初期値のままにする所
  • 変えたくなったときは、会社に相談してから変えると書く

こうしておくと、見積もりの項目が減ります。変える所が少ないほど、制作の期間も、確認の回数も減らせます。

決める人を1人にする

見た目の話は、人によって好みが違います。社内で意見を集めると、変える所がすぐに3つを超えるため、変える3つを最後に決める人を1人に決めておきます。

その人が決める前に、意見は集めて構いません。ただし、意見を出した人が、決める人を兼ねないようにします。好みの強い人が決めると、お客様の困りごとより、社内の好みが優先されやすいからです。

弊社の90webについて

弊社の90webは、税込90万円、90日で、写真撮影とブランディングを含めてWebサイトを作るサービスです。見た目を作り直す前に、何を変えて何を変えないかを一緒に整理したい場合に使えます。内容は2026年10月時点のものです。

見た目の決め方は、システムを作るときの考え方とも近いところがあります。小さく試してから広げる考え方は、ソフトを買う前は、必要な部分だけAIで小さく作って試すと会社で決めるにも書きました。作る範囲の決め方は、生成AIで業務システムを作る進め方 洗い出しから運用までで説明しています。

会社として決めること

最後に、会社として決めることをまとめます。決めるのは、見た目をゼロから作らず共通の部品集を借ること、変える所を3つまでに絞って残りは初期値のままにすること、変える所を文章にして制作会社へ渡し、決める人を1人にすることの3つです。

この順に決めれば、見た目の話が好みの言い合いになりにくくなります。

STUDIO一覧に戻る

採用情報

CAREER

業務理解から実装までを一人で担当する働き方に、興味のある方を探しています。

資料請求

会社情報やサービス内容についての資料が
無料でダウンロードできます。

DOWNLOAD

お問い合わせ

お仕事のご依頼、お見積もり、ご相談は
こちらからお問い合わせください。

CONTACT