富士市でホームページ制作を依頼する前に知っておきたいこと
はじめに
「前の制作会社には、ちょっと不満があって」
富士市内の企業の方と話していると、この言葉をよく耳にします。
作ってもらったホームページ自体は動いている。でも、デザインが古くなってきた。使い勝手が気になる部分がある。問い合わせフォームの動きが気に入らない。そういった「小さな不満」を抱えたまま、何年も放置してしまっているケースが多いのです。
なぜ放置するかというと、「また制作会社に連絡するのが面倒」「見積もりが怖い」「どこに頼めばいいか分からない」といった理由がほとんどです。
この記事のまとめ
- 富士市でも「制作会社への不満」を抱えている企業は少なくない
- 修正・リニューアルの見積もりが高すぎて動けない、という状況はよくある
- 地元密着＋技術力の両立が、実は一番難しくて一番重要
- 「まず相談」のハードルを下げることが、結果的に失敗を減らす
実際、先日こんなことがありました。
富士市内のある企業の方から、「以前作ってもらったサイトの一部を直したい」という相談を受けました。すでに地元の別の制作会社に修正の見積もりを取ったところ、かなりの金額を提示されたため断念。その後、フリーランスのエンジニアにも声をかけたものの、技術的に難しいと断られてしまったとのことでした。
私に相談してくれたのは「どうせ同じかもしれないけど、試しに」という感覚だったそうです。結果として、その日のうちに修正を完了できました。費用も、最初の見積もりとは比べものにならない水準でした。
「もっと早く相談すればよかった」と言ってもらえましたが、こういうことは富士市に限らず、全国的によくある話だと感じています。
もし「うちのサイトもそろそろかもしれない」と感じるなら、そのホームページまだ大丈夫？「賞味期限」を見極めるチェックリストで今の状態を確かめてみてください。直すべきか、まだ様子を見てよいかの目安になります。
なぜこういうことが起きるのか
Web制作の世界には、見えにくい構造的な問題があります。
まず、制作会社によって「得意な領域」が大きく違います。デザインは得意でも、複雑な実装は外注に出している会社。逆に技術力はあっても、デザインは標準的なテンプレート頼みの会社。どちらも「ホームページ制作会社」として同じ括りで紹介されますが、中身はまったく違います。
どちらが自社に合うのか、その見極め方は相見積もりで失敗しないWeb制作会社の選び方と判断基準で整理しています。
次に、修正や保守の費用感が分かりにくい。最初の制作費は「相見積もり」で比較できても、その後の修正費用は契約してみないと分からないことが多い。気づいたら、小さな修正一つに数万円という状況になっていたりします。
費用の相場観をつかんでおくと、提示された見積もりが妥当かどうかを判断しやすくなります。内訳の読み方はホームページリニューアルの費用相場と見積もり内訳、予算の組み方にまとめました。
私が化学メーカーに勤めていた頃、外部の業者に設備のメンテナンスを依頼することがありました。「この業者は技術はあるけどレスポンスが遅い」「あの業者は対応は早いけど専門外の作業は断られる」という感覚は、Web制作会社を選ぶときと驚くほど似ています。発注する側の視点を持ったまま、いまは制作する側にいるのが私の立ち位置です。
.pp-flow-cards { display: flex; flex-direction: column; gap: 0; margin-bottom: 1.75em; }
.pp-flow-arrow { display: flex; flex-direction: row; align-items: center; gap: 0.5em; padding: 0.4em 1em; } .pp-flow-arrow-label { font-size: 0.6em; font-weight: 700 !important; color: #766156; letter-spacing: 0.05em; white-space: nowrap; } .pp-flow-arrow-line { width: 2px; height: 1.4em; background: rgb(58 40 4 / 0.2); position: relative; flex-shrink: 0; } .pp-flow-arrow-line::after { content: ”; position: absolute; left: -4px; bottom: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgb(58 40 4 / 0.2); }
.pp-flow-card { background: rgb(255 255 255 / 0.12); border: 1px solid rgb(255 255 255 / 0.55); border-radius: 14px; box-shadow: 0 4px 12px rgb(58 40 4 / 0.12), 0 1px 3px rgb(58 40 4 / 0.08), inset 0 0 20px rgb(255 255 255 / 0.25); padding: 1em 1.25em; display: flex; flex-direction: row; align-items: flex-start; gap: 1em; } .pp-flow-icon { width: 2.5em; height: 2.5em; border-radius: 10px; background: rgb(235 155 111 / 0.12); display: flex; align-items: center; justify-content: center; font-size: 1.25em; flex-shrink: 0; } .pp-flow-card-title { font-size: 0.875em; font-weight: 700 !important; color: #3A2804; line-height: 1.5; margin-bottom: 0.3em; } .pp-flow-card-desc { font-size: 0.75em; color: #766156; line-height: 1.7; }
.pp-flow-divider { border: none; border-top: 1px solid rgb(58 40 4 / 0.15); margin: 0 0 1.75em; }
.pp-resolve-en { font-size: 0.688em; font-weight: 700 !important; letter-spacing: 0.2em; color: #EB9B6F; text-transform: uppercase; text-align: center; margin-bottom: 0.5em; } .pp-resolve-title { font-size: 1.125em; font-weight: 700 !important; color: #3A2804; text-align: center; margin-bottom: 1.25em; }
.pp-resolve-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em; margin-bottom: 1.75em; } .pp-resolve-card { background: rgb(255 255 255 / 0.12); border: 1px solid rgb(255 255 255 / 0.55); border-radius: 14px; box-shadow: 0 4px 12px rgb(58 40 4 / 0.12), 0 1px 3px rgb(58 40 4 / 0.08), inset 0 0 20px rgb(255 255 255 / 0.25); padding: 1.25em 1em; display: flex; flex-direction: column; gap: 0.6em; } .pp-resolve-icon { width: 2.25em; height: 2.25em; border-radius: 9px; background: rgb(235 155 111 / 0.12); display: flex; align-items: center; justify-content: center; font-size: 1.1em; flex-shrink: 0; } .pp-resolve-card-title { font-size: 0.875em; font-weight: 700 !important; color: #3A2804; } .pp-resolve-card-desc { font-size: 0.75em; color: #766156; line-height: 1.7; } .pp-resolve-card-note { font-size: 0.688em; color: #EB9B6F; font-weight: 700 !important; }
.pp-flow-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 1.25em; border-top: 1px solid rgb(58 40 4 / 0.15); gap: 1em; } .pp-flow-footer-msg { font-size: 0.75em; color: #766156; line-height: 1.6; } .pp-flow-footer-msg span { color: #EB9B6F; font-weight: 700 !important; } .pp-flow-footer-logo { font-size: 0.65em; font-weight: 500 !important; letter-spacing: 0.2em; color: rgb(58 40 4 / 0.3); white-space: nowrap; }
@container (max-width: 600px) { .pp-flow-wrap { padding: 1.75em 1.25em 1.5em; border-radius: 14px; } .pp-flow-header-title { font-size: 1em; } .pp-resolve-cards { grid-template-columns: 1fr; gap: 0.75em; } .pp-resolve-card { flex-direction: row; align-items: flex-start; gap: 0.875em; } .pp-flow-footer { flex-direction: column; align-items: flex-start; gap: 0.5em; } }
Common Pattern
「なんとかしたい」のに動けない——よくある困りごとの連鎖
<div class="pp-flow-card">
<div class="pp-flow-icon">😟</div>
<div class="pp-flow-card-body">
<p class="pp-flow-card-title">サイトへの不満がある</p>
<p class="pp-flow-card-desc">デザインが古い<br>使い勝手が悪い<br>問い合わせが来ない</p>
</div>
</div>
<div class="pp-flow-arrow">
<span class="pp-flow-arrow-label">でも…</span>
<div class="pp-flow-arrow-line"></div>
</div>
<div class="pp-flow-card">
<div class="pp-flow-icon">💸</div>
<div class="pp-flow-card-body">
<p class="pp-flow-card-title">見積もりが高すぎた</p>
<p class="pp-flow-card-desc">修正だけで数十万の提示<br>断念してしまう</p>
</div>
</div>
<div class="pp-flow-arrow">
<span class="pp-flow-arrow-label">それなら…</span>
<div class="pp-flow-arrow-line"></div>
</div>
<div class="pp-flow-card">
<div class="pp-flow-icon">🚫</div>
<div class="pp-flow-card-body">
<p class="pp-flow-card-title">別に頼んだら断られた</p>
<p class="pp-flow-card-desc">「技術的に難しい」と言われ<br>また振り出しに</p>
</div>
</div>
<div class="pp-flow-arrow">
<span class="pp-flow-arrow-label">結果…</span>
<div class="pp-flow-arrow-line"></div>
</div>
<div class="pp-flow-card">
<div class="pp-flow-icon">😓</div>
<div class="pp-flow-card-body">
<p class="pp-flow-card-title">放置が続いてしまう</p>
<p class="pp-flow-card-desc">不満を抱えたまま何年も経過<br>機会損失が続く</p>
</div>
</div>Break the Loop
その連鎖、断ち切れます
<div class="pp-resolve-card">
<div class="pp-resolve-icon">⚡</div>
<div class="pp-resolve-card-body">
<p class="pp-resolve-card-title">その日中に動く</p>
<p class="pp-resolve-card-desc">相談を受けたら即日着手。「難しい」と言う前にまず解決策を探します。</p>
<p class="pp-resolve-card-note">→ 相談当日の修正完了実績あり</p>
</div>
</div>
<div class="pp-resolve-card">
<div class="pp-resolve-icon">💬</div>
<div class="pp-resolve-card-body">
<p class="pp-resolve-card-title">費用を正直に説明</p>
<p class="pp-resolve-card-desc">見積もり内訳を明示。なぜその金額になるかをきちんと説明します。</p>
<p class="pp-resolve-card-note">→ 不要なものは提案しない</p>
</div>
</div>
<div class="pp-resolve-card">
<div class="pp-resolve-icon">🏠</div>
<div class="pp-resolve-card-body">
<p class="pp-resolve-card-title">富士市を知っている</p>
<p class="pp-resolve-card-desc">地元生まれ・Uターン在住。製造業の空気感を知るエンジニアが対応します。</p>
<p class="pp-resolve-card-note">→ 担当者が変わらない直接対話</p>
</div>
</div>「地元の制作会社」には、それだけで価値がある
誤解しないでほしいのですが、地元の制作会社を否定したいわけではありません。
顔を見て話せる安心感、地域のビジネス文化を理解していること、何かあったときに駆けつけてもらえる距離感。これは全国対応のWeb制作会社やフリーランスにはなかなか再現できない価値です。
富士市は製紙・化学・食品など製造業の集積地です。工場や事務所が混在する地域の雰囲気、地元企業特有の意思決定のスピード感、こういったことを肌感覚で知っているかどうかは、ホームページの方向性を決める上で意外と大切です。
その強みをホームページでどう表現するかは、富士市の中小企業が持つ強み、ホームページでちゃんと伝わっていますか？で掘り下げています。
私自身、富士市で生まれ育ち、大学や仕事で県外に出た後にUターンしてきました。地元の空気感は、外から来た人間には説明しにくいものがある。それを知っている上で、技術的なことも対応できる。そういう人間が身近にいるということが、小さな企業にとっては選択肢として悪くないはずです。
相談のハードルを下げてほしい
ホームページのことで困っていても、「たいした話じゃないし」「どうせ費用がかかるから」と思って相談を諦めている方は、富士市内にも多いと感じています。
でも実際には、ちょっと話を聞いてみると「それなら対応できます」ということの方が多い。むしろ、長年放置してきた小さな不満が、相談してみたら半日で解決したというケースも少なくありません。
私はホームページ制作だけでなく、業務システムの開発や、既存プラットフォームでは対応できないような独自の仕組み作りも手がけています。「こんな機能が欲しいけど、どこに頼んでいいか分からない」という相談も歓迎しています。
業務システムの開発を考え始めた方は、システム開発を依頼する前に整理しておくと、話がスムーズに進むこともあわせてどうぞ。相談前に少し整理しておくだけで、話が早く進みます。
まずは「こんな話でも聞いてもらえますか？」くらいの気軽さで連絡してもらえればと思います。富士市内であれば、状況によって直接お伺いすることも可能です。
まとめ
.pp-pos-body { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-bottom: 1.75em; }
.pp-pos-matrix-wrap { display: flex; flex-direction: column; gap: 0.5em; } .pp-pos-matrix-y-label { text-align: center; font-size: 0.625em; font-weight: 700 !important; color: #766156; letter-spacing: 0.05em; } .pp-pos-matrix { position: relative; background: rgb(255 255 255 / 0.12); border: 1px solid rgb(255 255 255 / 0.55); border-radius: 14px; box-shadow: 0 4px 12px rgb(58 40 4 / 0.12), 0 1px 3px rgb(58 40 4 / 0.08), inset 0 0 20px rgb(255 255 255 / 0.25); aspect-ratio: 1 / 1; overflow: hidden; } .pp-pos-axis-h { position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: rgb(58 40 4 / 0.15); transform: translateY(-50%); } .pp-pos-axis-v { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgb(58 40 4 / 0.15); transform: translateX(-50%); } .pp-pos-axis-label { position: absolute; font-size: 0.5em; font-weight: 700 !important; color: #766156; } .pp-pos-axis-top { top: 0.8em; left: 50%; transform: translateX(-50%); } .pp-pos-axis-bottom { bottom: 0.8em; left: 50%; transform: translateX(-50%); } .pp-pos-axis-left { left: 0.6em; top: 50%; transform: translateY(-50%); writing-mode: vertical-rl; } .pp-pos-axis-right { right: 0.6em; top: 50%; transform: translateY(-50%); writing-mode: vertical-rl; }
.pp-pos-plot { position: absolute; display: flex; flex-direction: column; align-items: center; gap: 0.3em; transform: translate(-50%, -50%); } .pp-pos-dot { width: 0.6em; height: 0.6em; border-radius: 50%; background: rgb(58 40 4 / 0.25); } .pp-pos-dot-peas { width: 0.8em; height: 0.8em; border-radius: 50%; background: #EB9B6F; box-shadow: 0 0 0.5em rgb(235 155 111 / 0.6); } .pp-pos-plot-label { font-size: 0.55em; font-weight: 700 !important; color: #766156; text-align: center; line-height: 1.3; } .pp-pos-plot-label-peas { font-size: 0.6em; font-weight: 700 !important; color: #EB9B6F; text-align: center; line-height: 1.3; }
.pp-pos-x-labels { display: flex; justify-content: space-between; padding: 0 0.25em; } .pp-pos-x-labels span { font-size: 0.563em; font-weight: 700 !important; color: #766156; }
.pp-pos-features { display: flex; flex-direction: column; gap: 0.75em; justify-content: center; } .pp-pos-feature-card { background: rgb(255 255 255 / 0.12); border: 1px solid rgb(255 255 255 / 0.55); border-radius: 12px; box-shadow: 0 4px 12px rgb(58 40 4 / 0.12), 0 1px 3px rgb(58 40 4 / 0.08), inset 0 0 20px rgb(255 255 255 / 0.25); padding: 1em; display: flex; align-items: flex-start; gap: 0.875em; } .pp-pos-feature-card.pp-highlight { background: rgb(235 155 111 / 0.1); border-color: rgb(235 155 111 / 0.35); } .pp-pos-feature-icon { width: 2.25em; height: 2.25em; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 1em; flex-shrink: 0; } .pp-pos-feature-icon.pp-warm { background: rgb(235 155 111 / 0.15); } .pp-pos-feature-icon.pp-gray { background: rgb(58 40 4 / 0.06); }
.pp-pos-feature-label { font-size: 0.563em; font-weight: 700 !important; letter-spacing: 0.1em; color: #766156; text-transform: uppercase; margin-bottom: 0.3em; } .pp-pos-feature-title { font-size: 0.813em; font-weight: 700 !important; color: #3A2804; margin-bottom: 0.3em; line-height: 1.4; } .pp-pos-feature-card.pp-highlight .pp-pos-feature-title { color: #EB9B6F; } .pp-pos-feature-desc { font-size: 0.688em; color: #766156; line-height: 1.7; }
.pp-pos-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 1.25em; border-top: 1px solid rgb(58 40 4 / 0.15); gap: 1em; } .pp-pos-footer-msg { font-size: 0.75em; color: #766156; line-height: 1.6; } .pp-pos-footer-msg span { color: #EB9B6F; font-weight: 700 !important; } .pp-pos-footer-logo { font-size: 0.65em; font-weight: 500 !important; letter-spacing: 0.2em; color: rgb(58 40 4 / 0.3); white-space: nowrap; }
@container (max-width: 600px) { .pp-pos-wrap { padding: 1.75em 1.25em 1.5em; border-radius: 14px; } .pp-pos-header-title { font-size: 1em; } .pp-pos-body { grid-template-columns: 1fr; gap: 1.25em; } .pp-pos-matrix-wrap { max-width: 280px; margin-inline: auto; width: 100%; } .pp-pos-footer { flex-direction: column; align-items: flex-start; gap: 0.5em; } }
Positioning
「地元密着」と「技術力」——どちらも求めるなら
<div class="pp-pos-matrix-wrap">
<p class="pp-pos-matrix-y-label">▲ 技術力・対応力 高</p>
<div class="pp-pos-matrix">
<div class="pp-pos-axis-h"></div>
<div class="pp-pos-axis-v"></div>
<span class="pp-pos-axis-label pp-pos-axis-top">技術力 高</span>
<span class="pp-pos-axis-label pp-pos-axis-bottom">技術力 低</span>
<span class="pp-pos-axis-label pp-pos-axis-left">地元外</span>
<span class="pp-pos-axis-label pp-pos-axis-right">地元密着</span>
<div class="pp-pos-plot" style="left:22%;top:22%;">
<div class="pp-pos-dot"></div>
<span class="pp-pos-plot-label">全国系<br>制作会社</span>
</div>
<div class="pp-pos-plot" style="left:25%;top:48%;">
<div class="pp-pos-dot"></div>
<span class="pp-pos-plot-label">フリー<br>ランス</span>
</div>
<div class="pp-pos-plot" style="left:72%;top:70%;">
<div class="pp-pos-dot"></div>
<span class="pp-pos-plot-label">地元の<br>制作会社</span>
</div>
<div class="pp-pos-plot" style="left:74%;top:20%;">
<div class="pp-pos-dot-peas"></div>
<span class="pp-pos-plot-label-peas">Peas<br>Project</span>
</div>
</div>
<div class="pp-pos-x-labels">
<span>◀ 地元外</span>
<span>地元密着 ▶</span>
</div>
</div>
<div class="pp-pos-features">
<div class="pp-pos-feature-card pp-highlight">
<div class="pp-pos-feature-icon pp-warm">🏠</div>
<div class="pp-pos-feature-body">
<p class="pp-pos-feature-label">Local</p>
<p class="pp-pos-feature-title">富士市生まれ・Uターン在住</p>
<p class="pp-pos-feature-desc">製紙・化学・食品など製造業の集積地としての富士市を、肌感覚で知っています。</p>
</div>
</div>
<div class="pp-pos-feature-card pp-highlight">
<div class="pp-pos-feature-icon pp-warm">⚙️</div>
<div class="pp-pos-feature-body">
<p class="pp-pos-feature-label">Technical</p>
<p class="pp-pos-feature-title">大手化学メーカー出身エンジニア</p>
<p class="pp-pos-feature-desc">7年の研究開発経験。「難しい」と言う前にまず解決策を探します。</p>
</div>
</div>
<div class="pp-pos-feature-card">
<div class="pp-pos-feature-icon pp-gray">👤</div>
<div class="pp-pos-feature-body">
<p class="pp-pos-feature-label">Direct</p>
<p class="pp-pos-feature-title">担当者が変わらない</p>
<p class="pp-pos-feature-desc">窓口から実装まで一人が対応。「言った言わない」が起きない直接対話。</p>
</div>
</div>
</div>ホームページに対する「小さな不満」を長年放置してしまうのは、相談のハードルが高いことが原因のひとつです。費用が怖い、また同じ経験をしたくない、どこに頼めばいいか分からない。その気持ちはよく分かります。
富士市を拠点に活動するWebエンジニアとして、地元の企業の方に「まず話してみてよかった」と思ってもらえることが、私の仕事のスタート地点です。
ホームページのこと、システムのこと、「どこに相談すればいいか分からない」ということも含めて、お気軽にお問い合わせください。