WEB制作事業

自社サイトリニューアル

地方のWeb制作事業Webサイト制作

サイト制作保守・運用写真・動画撮影

制作前の課題

自社サイトは存在していたものの、デザインが古く、情報の整理も不十分な状態でした。特に以下の点が課題でした。

ゼロから設計をし直さないと、「サイト自体が育っていく余地がない」と判断し、リニューアルに踏み切りました。
ただし、デザインやレイアウトの方向性は引き継ぐことで工数の削減も狙いました。

リニューアル前のサイト↓

リニューアル後のサイト↓

要件定義とWF設計の間にIA設計のフェーズを導入し、「ページ内のレイアウト作成の前にコンテンツの中身を詰める」ことができました、Claudeとのやりとりの中で必要性を感じて導入したのですが、今後の設計でも活かせる知見が得られました。

競合リサーチの結果、長崎エリアの同業他社の多くが料金・FAQ・制作の流れを掲載していないことが判明しました。「聞かないと分からない」状態が問い合わせを遠ざけているという仮説のもと、これらをすべて明示する設計にしています。

競合リサーチはClaude Codeを使用することでほぼ自動化できるとともに、リサーチ漏れのリスクも回避にも寄与sました。

問い合わせ経路を1本に絞らず、4つの選択肢を用意しました。

それぞれ温度感が異なる見込み客を取りこぼさない設計です。また、SNSアカウントへのリンクをファーストビュー・フッターに設置しています。
問い合わせにはまだ至らないが興味を持った訪問者を、段階的に拾っていく狙いがあります。

「平戸市・佐世保市・松浦市のホームページ制作」をH1に含め、地元エリアでの検索ヒットを狙った構成にしています。メインコピーは「地元から、あなたのビジネスをWebで支える。」とし、地域密着というポジションを明確にしました。

コラム記事と制作事例は今後もコンテンツを増やする投稿形式に設計しました。Claudeとも相性が良く、投稿記事の内容を壁打ちで作成可能です。

これによりSEO記事の投稿も可能になり、大きなリニューアルやコードの修正をせずとも「育つWebサイト」が設計できました。

ChatGPT・Perplexity・Geminiなど、AIが検索結果の回答生成に使う情報源として自社サイトを認識させるため、llm.txt を設置しています。

llm.txtとは、AIクローラーに対してサイトの内容・構造・提供サービスを正確に伝えるためのテキストファイルです。通常の検索エンジン向けのSEO対策（robots.txt・サイトマップ）と並行して、AI時代の新しい露出経路として導入しました。

AIによる回答に「長崎・平戸エリアのWeb制作者」として名前が挙がる機会を増やすことを目的としています。

今回のリニューアルでは、ヒアリング・競合リサーチ・IA設計・ワイヤーフレームの全工程をClaude Codeと協働で進めました。AIをWebディレクター的な役割に活用することで、設計の抜け漏れを減らし、制作スピードを大幅に向上させています。

ここで得た知見は、今後の運用面でも役に立つことかと思います。

今回の自社サイト制作では、実際に手を動かす時間を減らす代わりに、Claudeとの壁打ちの中で「今後も活かせるナレッジを蓄積する」ことにも時間を割きました。それでもこれまでの制作時間の約半分の時間で制作が完了しました。

工夫したポイント	内容
情報の積極開示	料金・FAQ・制作の流れを明示し、問い合わせの心理的ハードルを下げた
段階的CV導線	フォーム・LINE・資料DL・SNSの4経路で取りこぼしをなくした
地域SEO	H1・コピーに地名を含め、エリア検索での流入を狙った
AI検索対策	llm.txtを設置し、AI回答への露出経路を確保した
AI協働による設計	Claude Codeと協働でヒアリング〜WFまでを効率化した

今回のナレッジを最大限活かして、今後のお客様にも最大限の価値が届けられると確信しています。

サイト制作以外にもWeb関係でお悩みのあるお客様、ぜひ一度ご相談ください。