EvoQuest
EvoQuest Webホームページ制作 2026.06-22

SCENARIO ── LOCAL BUSINESS WEBSITE CASE

事業内容が伝わり、相談しやすいホームページへ。
日々の更新と問い合わせ対応も、社内で進めやすく。

ホームページはあるけれど、問い合わせが来ない。更新のたびに制作会社へ頼むので、お知らせも料金も古いまま。北海道の小規模事業者を想定します。相談先を見つけやすいサイト、自分たちで更新できる管理画面、届いた問い合わせの一元管理。この3つを一つにまとめる開発プランです。専門知識がなくても、画面の「次にやること」を見て、更新や問い合わせ対応を進められる形を目指します。

想定領域
ホームページ制作 / サイト運用
担当範囲
設計・制作・更新画面の構築・運用設計
想定対象
従業員 数名〜十数名の事業者
想定期間
設計〜公開 約 2〜3 ヶ月

OVERVIEW

プロジェクト概要

既存の会社ホームページを、相談につながる窓口として作り直します。そこに 自分たちで更新できる管理画面と、届いた問い合わせの一元管理 を足す開発プラン。お知らせ・料金・実績の更新と、メール・電話・フォームに散らばっていた問い合わせ対応を、同じ管理画面の中で完結させます。

担当者が日常の業務と並行して使えるように、管理画面は使い慣れた業務ソフトに近い表中心の作りにして、「いま何をすべきか」を常に画面の上に出します。制作会社に毎回頼まなくても、見て・直して・公開できる状態を目指します。

CHALLENGE

課題

  • 01 ホームページはあるのに相談につながらない。何を載せれば相談に至るかの設計がないまま、会社案内をそのまま置いた状態になっている。
  • 02 更新のたびに制作会社へ依頼するため料金と待ち時間がかかり、お知らせや料金表の更新を後回しにしがち。「直したいのに直せない」状態が続く。
  • 03 問い合わせが メール・電話・フォームに散らばり、誰がどこまで対応したか分からない。対応漏れや、同じ人に二度連絡してしまう事故が起きる。
  • 04 アクセスは取れていても 「どのページが相談につながっているか」が分からず、改善するページの優先順位を決めにくい。

APPROACH

課題への対応

まず「相談につながる導線」を設計の中心に置きます。専門用語を避け、訪問者が 「これは自分のことだ」と分かる入口 から相談フォームへ迷わず進める構成にします。サイトを「きれいなパンフレット」ではなく、相談を受け取る窓口として組み立てます。表示数 → 問い合わせ → 未対応、という流れを運用側の画面でもそのまま追えるようにします。

その上で、専門知識がなくても自分たちで更新できる管理画面を、使い慣れた業務ソフトに近い表ベースで用意します。お知らせ・料金・実績の更新と、届いた問い合わせの管理を同じ画面に。「長く更新していないページ」「未対応の問い合わせ」を開いてすぐの場所に出して、担当者が確認して、そのまま編集や返信に進めるようにします。

CONSULTATION

事業内容を伝え、相談しやすいホームページを作りませんか。

「ホームページはあるのに問い合わせが来ない」「更新が止まっている」。
問い合わせしやすいページ構成に見直し、自分で更新できる管理画面を用意します。
設計から制作、管理画面、問い合わせ管理まで、まとめてお手伝いします。

SCREENS

主要画面

想定する管理画面のサンプル。どの画面も、開いてすぐ「今やるべきこと」から目に入る構成です。データは小規模事業者の規模感に合わせた想定例です。

01. 運用のまとめ画面

今月の表示数・問い合わせ・未対応件数を主要数値で一目で把握。未対応の問い合わせや長く更新していないページは「次にやること」一覧から、その画面で対応できる構成。

まとめ画面
設計のポイント
「いま見るべきもの」を画面右側の「次にやること」欄にまとめ、左側の数値は状況把握用に役割分担。
採用パターン
主要数値 + 次にやること + 流入推移グラフ + 人気ページ の4ブロック構成。
数値表現
揃った幅の数字で右寄せ、単位は小さく。

02. ページ管理

公開中・下書き・非公開のページを一覧で管理。状態・最終更新日・直近の表示数で絞り込み、最終更新からの日数を表示し、内容を確認するページを探しやすくする。編集は行から直接ひらく設計。

一覧テーブル
設計のポイント
ページの編集、個別の操作、複数ページの一括操作を見分けられるよう、ボタンの位置を分ける。
独自パーツ
最終更新日と経過日数を表示。更新の必要性は、掲載内容が現在のサービスや料金と合っているかを確認して判断する。
状態の表現
色だけでなくマーク付きラベルで、色の見え方が違う方にも配慮。

03. ページ編集

見出し・本文・画像・相談ボタンをブロック単位で組み立てる編集画面。左にブロック一覧、中央に編集、右に公開設定とプレビューを並べる3分割。変更は「下書き保存」と「変更を公開」を明確に分離。

編集
設計のポイント
「下書き保存」と「変更を公開」を別ボタンにして、うっかり公開を防ぐ。
操作
専門用語を避け、ブロック名は「見出し」「本文」「相談ボタン」など担当者の言葉で表示。
事前確認
右側のプレビューで、公開前にスマホ/PCの見え方を切り替えて確認。

04. お知らせ投稿

お知らせ・実績・料金改定などをカテゴリ別に投稿・管理。予約公開と下書きに対応し、一覧から公開状態をまとめて把握。下書きを確認しやすい並び順。

投稿
設計のポイント
投稿フォームと一覧を同じ画面に置き、書いた内容をすぐ一覧で確認できるようにする。
予約公開
公開日時を指定でき、営業時間外でも自動で公開される。
下書き管理
下書きを上部にまとめ、「書きかけで止まっている」投稿を見落とさない構成。

05. 問い合わせ管理

フォーム・電話・メールから届いた相談を一つの一覧に集約。案件をクリックすると右側に詳細パネルが開く2分割構成。対応状況・担当・対応メモをその場で更新でき、連絡漏れや重複した連絡を減らす。

一覧+詳細
設計のポイント
問い合わせを選ぶと右に詳細が開く同時表示で、一覧と往復せずに対応を進められる。
状態管理
未対応/対応中/対応済 を色つきマークで管理し、未対応を最上部に固定。
対応履歴
「いつ・誰が・何をしたか」を詳細パネル内に時系列で記録。

06. アクセス解析

どこから来て、どのページが相談につながっているかを1画面に集約。流入元・人気ページ・検索キーワード・スマホ・PCの利用割合・問い合わせにつながった割合の推移を、専門用語を避けた表現で表示。

解析
設計のポイント
数字の羅列ではなく「相談につながったか」を軸に並べ、改善の打ち手が見えるように。
用語
「セッション」等の専門語を避け、「訪問数」「相談に進んだ割合」など担当者の言葉に。
期間比較
前月比を併記し、増えた・減ったが一目で分かる。

07. SEO・公開設定

ページごとのタイトル・説明文、構造化データ、サイトマップ、表示速度のチェックを一画面で管理。検索結果での見え方をプレビューしながら、未設定の項目を警告で表示。

設定
設計のポイント
入力したタイトルと説明文の表示イメージを確認できる。実際の検索結果と同じ表示になることを保証するものではない。
警告
タイトル・説明文の未設定や、設定した文字数の目安を超えた項目を表示。内容を確認して調整する。
表示速度
ページごとの表示速度を信号色で表示し、重い画像などの要対応を可視化。

08. 月次レポート

月次の運用状況を、主要数値 + 流入推移 + 問い合わせ推移 + ページ別ランキングで一覧表示。社内共有・報告用にPDF出力前提の整然としたレイアウト。

レポート
設計のポイント
グラフの大きさをそろえ、印刷時にページの途中で切れないようにする。
配色
ブランドのブルー1色とグレーに絞り、印刷時のインク消費にも配慮。
文字
数値は揃った幅、ラベルは可変幅で読みやすさを保つ。

OUTCOME

導入による変化

まずは、届いた相談への対応漏れを減らし、サイトの情報を更新しやすくします。公開後は、次の3点の改善を目指します。

01

来た人が、自分の課題に合うサービスを見つけ、相談フォームへ進める。会社案内を置くだけにしない。

Before会社案内をそのまま載せただけで、見ても相談につながらなかった。
After訪問者が自分の課題に合うサービスを確認し、相談フォームへ迷わず進める。

見た目の良さは、それだけでは相談を増やしません。誰に向けたページかを先に決めて、そこから順に組み立てます。

02

お知らせも料金表も、その日のうちに自分で直せる。日常の更新を社内で進められる。

Beforeお知らせも料金も、変更を依頼してから公開されるまで時間がかかっていた。
After担当者が対象の項目を編集し、公開前に内容と表示を確認できる。

日常的に変わるお知らせや料金を更新対象にし、担当者が実際に操作して使いやすさを確認します。

03

メールも電話もフォームも、対応状況が一つの一覧に並ぶ。重複した連絡を減らせる。

Beforeメール・電話・フォームに分かれ、誰がどこまで対応したか分からなかった。
After一つの一覧で対応状況を管理し、対応履歴を共有し、連絡漏れや重複した連絡を減らす。

受付日、担当者、次の対応を共有し、届いた相談に順番に対応できるようにします。

PROCESS

3ヶ月の進め方

オンラインと北海道内への訪問を組み合わせて、2〜3ヶ月で公開まで進めます。月の終わりごとに、見て触れるものをお出しします。文章も写真もそろっていなくて構いません。そこは一緒に作ります。

1
MONTH 01 / 設計 + 情報整理

伝える相手と掲載内容を整理する

事業の強みと、相談してくる人の状況をヒアリング。載せる情報の優先順位と、相談までの導線を整理し、サイトの骨組みと主要画面の下書きを固めます。

  • 事業・お客様ヒアリング(2〜3回)
  • 載せる情報の整理・優先順位づけ
  • 相談までの導線・画面マップ
  • トップと主要ページの下書き
2
MONTH 02 / 制作 + 更新画面の構築

サイトと更新用の管理画面を制作する

表示用のサイトと、お知らせ・問い合わせ管理を含む管理画面を同時並行で制作。月後半に実機で触れるサンプルを用意し、運用担当に試してもらいます。

  • サイト本体の制作(スマホPC両対応)
  • 自分たちで更新できる管理画面の構築
  • 問い合わせ管理・お知らせ投稿の実装
  • 実機サンプルで運用担当が試運転
3
MONTH 03 / 公開 + 運用引き継ぎ

公開し、更新と問い合わせ対応の手順を引き継ぐ

検索での見え方・表示速度・問い合わせ通知を最終調整して公開。更新のしかたを一緒に操作しながら引き継ぎます。必要に応じてもう1ヶ月延長して微調整。

  • SEO・表示速度の最終調整
  • 問い合わせフォーム・通知の確認
  • 公開 + 運用マニュアル
  • 操作しながらの運用引き継ぎ

FAQ

よくある質問

  • Q1 今あるホームページを活かして相談を増やすことはできますか?
    できる場合と、作り直した方が早い場合があります。まず「どのページが相談につながっているか」を見たうえで、構成や導線の手直しで足りるのか、土台から作り直すべきかを切り分けてご提案します。現在の文章や写真も確認し、引き続き使えるものを活用します。
  • Q2 自分たちで更新できる管理画面は本当に使えますか?
    専門知識がない担当者が運用することを前提に設計します。仕組み側の専門用語を避け、項目名も「見出し」「本文」「相談ボタン」のような担当者の言葉で表示します。公開前にスマホ/PCの見え方を確認でき、うっかり公開を防ぐために「下書き保存」と「変更を公開」を分けています。WordPressのような既製の更新システムを使うか専用に作るかは、運用体制に合わせて選びます。
  • Q3 問い合わせの管理機能まで本当に必要ですか?
    現在の受付方法と、担当者間での共有方法を確認して判断します。メールや台帳で対応状況を把握できているなら、最初から管理機能を増やす必要はありません。複数の窓口に届く相談を探す手間や確認漏れがある場合は、担当者・連絡履歴・次の対応を一覧で管理する方法をご提案します。
  • Q4 公開したあとの更新は自分たちだけで続けられますか?
    続けられる形を目指して設計します。公開時に操作しながら引き継ぎを行い、運用マニュアルもお渡しします。そのうえで「ここだけは手伝ってほしい」という部分は、必要なときだけご相談いただける形にできます。社内で更新する範囲と、制作側が支援する範囲を事前に決めます。
  • Q5 制作期間と、対象となる事業者の規模を教えてください。
    想定では設計から公開まで約2〜3ヶ月、従業員が数名〜十数名規模の事業者を対象にしています。北海道内は直接お伺いし、道外はオンラインで対応します。要件が固まっていない段階からご相談いただけます。まずは「誰に何を伝えて、どう相談につなげるか」の整理から始めます。

事業内容を伝え、相談しやすいホームページを作りませんか。

「ホームページはあるのに問い合わせが来ない」「更新が止まっている」。
問い合わせしやすいページ構成に見直し、自分で更新できる管理画面を用意します。
設計から制作、管理画面、問い合わせ管理まで、まとめてお手伝いします。

EvoQuest

AI相談窓口

EvoQuestについて、
気になることを聞いてください。

サービスの内容や制作実績、
費用の目安などをご案内します。

AIが回答します。個人情報・機密情報は入力しないでください。入力内容は回答のためにAI提供元へ送信されます。利用について(新しいタブ)

直接お問い合わせ

会話はこのタブに一時保存されます。