AI活用 事業に合う伝え方を企画するWeb制作

その事業に、 伝わる見せ方を。

事業やサービスの魅力を整理し、届ける相手に合う見せ方を企画。構成・デザインから実装・公開まで、AIを活用しながらGANCHAN 11号が一貫して担当します。

制作 20万円〜 （税別）

サイト制作を相談する BこのサイトのB面を見る

02PLANNING

同じ事業でも、
伝え方は変わる。

Aこんなご相談から始まります

  • 相談メモ 01

    新サービスを始めたいけれど、どこを魅力として見せればよいか決まっていない。

  • 相談メモ 02

    事業の説明はできるが、サイトのコピーや構成にまとめられない。

  • 相談メモ 03

    自社らしさと、分かりやすさを両立したい。

B企画で、この4つを整理します

  1. 01 届ける相手 いちばん届けたいのは誰か
  2. 02 強み その人にとっての魅力はどこか
  3. 03 伝える順番 何を先に見せ、何を後に置くか
  4. 04 表現 言葉・写真・ボタンをどう選ぶか

整理した内容が、コピー・情報の順番・写真の選び方になります。
実際にどう変わるのか、下の例で試してみてください。

C企画の比較例：架空の工務店のトップページ

※実在しない工務店を使った例です。会社名・内容は架空のもので、実績ではありません。

共通の材料どの相手を選んでも、使う材料は同じです

写真
家の外観打ち合わせ風景木組みの接合部
強み
設計担当が最初の相談から引き渡しまで同席構造・素材を図面で説明
情報
家づくり相談会（予約制）家づくりの流れ施工例構造・素材のこだわり会社概要
届ける相手を選んでください
お問い合わせ 相談会を予約する 施工例を詳しく見る
木の家の外観（イラスト） 家族と設計担当が、図面を囲んで打ち合わせしている様子（イラスト） 柱と梁をつなぐ、木組みの接合部のクローズアップ（イラスト）

確かな品質と、
安心の家づくり。 はじめての家づくり、
何から聞いても大丈夫。 見えない構造まで、
図面で説明します。

地域に根ざした工務店として、お客様の理想の住まいを実現します。 最初の相談から引き渡しまで、同じ設計担当が付き添います。 木組み・断熱・素材。打ち合わせで一つずつ確かめられます。

  1. 家づくり相談会（予約制） 何も決まっていない段階から参加できます
  2. 家づくりの流れ 相談から引き渡しまでの進み方
  3. 施工例 これまでに建てた家の写真と間取り
  4. 構造・素材のこだわり 木組み・断熱・素材の選び方
  5. 会社概要 代表あいさつ・沿革

企画の理由

誰に向けたページか決めないと、どの会社にも言える内容になり、選ぶ理由が伝わりません。 相談のしやすさを先に。家づくりの不安を減らす順番に並べ替えました。 技術を施工例で伝える。こだわりの根拠が見える順番に並べ替えました。

  1. コピー 誰に向けた言葉か、決まっていない 専門用語を使わず、問いかける 言い切って、根拠を示す
  2. 写真 どの家にも見える外観 人の表情が見える打ち合わせ 木組みの接合部に寄った写真
  3. 情報の順番 会社概要から始まる 相談会を先頭に、会社概要は最後へ 構造・素材を先頭に、施工例を2番目へ
  4. ボタン 「お問い合わせ」 「相談会を予約する」 「施工例を詳しく見る」
Bこの比較例をつくった理由をB面で読む

03HYBRID

AIは、頼れる相棒。
ハンドルは、
最後まで人が握る。

AIを制作の効率化に活用しながら、企画・構成・デザインの判断から、実装の調整・公開までGANCHAN 11号が一貫して担当します。

工程表だれが、どこを担当するか

  1. STEP 01 決める

    企画・構成・デザインの判断

    誰に、何を、どの順番で伝えるか。AIと案を出し合い、磨き込みながら、骨組みと見た目の方向性を決めます。

    担当：GANCHAN 11号（磨いて決める）
    担当：AI（案を出す）

  2. STEP 02 作る

    AIで制作を効率化

    決めた構成をもとに、AIでコードの下書きを素早く作ります。

    担当：GANCHAN 11号（指示を出す）
    担当：AI（下書きを作る）

  3. STEP 03 確かめる

    コードとデザインの確認

    AIが書いたコードを読み、実装された画面を見て、意図したデザインになっているかを確かめます。

    担当：GANCHAN 11号（コードと画面を見る）

  4. STEP 04 直す

    デザインの調整と手動の修正

    画面を見ながら、デザインの細部をこまめに調整。そのためのコードも、必要に応じて手で直します。

    担当：GANCHAN 11号（調整・修正）
    担当：AI（調整を手伝う）

  5. STEP 05 仕上げる

    表示・動作・公開前の確認

    スマートフォンでの見え方や動作を確かめ、公開まで仕上げます。

    担当：GANCHAN 11号（最終確認）

制作スタイル

生成されたコードを確認し、デザインの細部やスマートフォンでの表示、動作をこまめに調整。必要に応じて手動でコードも修正します。AIとこれまでの制作経験を組み合わせ、確認と調整を重ねながら仕上げる制作スタイルです。

BこのサイトでAIを使った工程・手で直した箇所をB面で読む

04WORKS

説明するより、
このサイトを見てください。

このサイトも、企画から公開までを担当した制作実例のひとつです。
完成した表側（A面）の裏には、企画の判断と制作の記録（B面）があります。

B企画の裏側
サイト企画室のファーストビュー

MEMOこのFVの、企画の書き込み

  1. コピー「何を作るか」より、依頼して「何が得られるか」を最初の一行に。

  2. 演出骨組みから完成までの制作の流れを、見ている画面そのもので見せる。

  3. 配置演出の途中でも、価格と相談ボタンは最初から読める位置に置く。

CASE 01いまご覧のサイト

サイト企画室 by GANCHAN 11号

企画の目的
AIを活用したWeb制作を、説明ではなく実物で確かめてもらう。
仕組み
A面は完成したサイト。B面は同じページに、企画の理由と制作の記録を重ねた解説。
担当
企画・構成・デザイン・実装・公開
参考価格
30万円（税別）同じ仕様で依頼した場合

特徴的な表現は、このページで確かめられます

BこのサイトのB面を見る

05PLANS

企画する範囲に合わせて、
選べます。

すべての制作プランに、企画が含まれます。1ページだけのサイトも対象です。
料金は、ページ数だけでなく、企画・表現・制作の量・機能から見積もります。

Qいまの状況に近いものは？

制作をおまかせ

企画付きライト制作

20万円〜（税別）

企画の出発点いただいた内容から

一つの事業・サービスに絞り、いただいた情報・素材をもとに、伝え方の整理と構成の提案から、制作・公開まで担当します。

こんな方に伝えたいことや素材が、ある程度そろっている方

  • 伝え方の整理
  • 構成の提案
  • 見出し・文章の調整
  • デザイン・制作
  • 公開

制作をおまかせ

オリジナル企画制作

30万円〜（税別）

企画の出発点何を打ち出すかから

サービスの打ち出し方から考え、コンセプト・コピー・独自のビジュアルや演出まで設計します。仕様に応じてお見積もりします。

こんな方にどう打ち出すかから、一緒に考えたい方

  • ライト制作の内容に加えて
  • 打ち出し方（コンセプト）から考える
  • 見出し・文章を一から作る
  • このサイトのような独自の演出
参考このサイトも同じ仕様で30万円（税別）

自分で作る方へ

制作サポート

10万円（税別）

ご自身や社内の担当者がサイトを作る方へ。制作環境の準備から、制作中の相談・レビュー、公開までを伴走します。期間と回数の目安は、料金・対応範囲ページでご案内します。

  • 環境の準備
  • 制作中の相談
  • レビュー
  • 公開の支援
サイト制作を相談する 料金・対応範囲を詳しく見る

06FLOW

相談から公開まで、
一貫して担当します。

途中で何を確認するか、お客様にご用意いただくものは何か。進め方を先にお伝えします。
制作期間は、一律ではなく、範囲と確認の日程に合わせてご案内します。

運転相談から公開まで、ずっとGANCHAN 11号

  1. STEP 01

    相談・ヒアリング

    確認すること
    事業・目的・予算・公開の希望時期
    お願いすること
    準備済みの情報・素材を教えてください（未定のものがあっても大丈夫です）

  2. STEP 02

    お見積もり・ご契約

    確認すること
    対応する範囲・おおまかな方向性・費用・修正と確認の方法・納品の条件
    お願いすること
    お見積もり内容のご確認

  3. STEP 03

    企画・構成

    確認すること
    伝える軸・構成・表現を、一緒に決める
    お願いすること
    原稿・写真などのご用意、企画へのご意見

  4. STEP 04

    制作・途中確認

    確認すること
    確認の場を設け、コピー・デザイン・動きを調整
    お願いすること
    途中の画面を見て、ご感想・ご要望をお聞かせください

  5. STEP 05

    テスト・公開／お引き渡し

    確認すること
    表示・フォームの動作。必要な操作の説明
    お願いすること
    公開前の最終確認
まずは相談してみる

07ABOUT

企画も、実装も、
同じ人が担当。

サイト企画室は、GANCHAN 11号がひとりで運営しています。
これまでの経歴は、そのまま次の3つの強みにつながっています。

UNIT DATA稼働中

GANCHAN 11号（赤い装甲に金色の顔面、胸にG11のロボット）

運営・企画・制作GANCHAN 11号

稼働
Web制作の仕事 14年目フリーランス・制作会社を通算
前職
制作会社のWeb制作部門で、部長として統括。数々の案件のディレクションと制作（デザイン・コーディング）も兼任。
担当
  • ディレクション
  • デザイン
  • コーディング
  • WordPress
  • システム開発

装備EQUIPMENT 依頼者にとっての強みOUTPUT

  1. 01

    ディレクション

    ディレクターとして様々な案件を担当し、事業者と直接やりとり

    目的の整理

    何のためのサイトか、誰に届けるかを、最初のご相談で一緒に整理します。

  2. 02

    Web部門の統括

    制作会社のWeb制作部門で、部長として運営

    現実的な進行

    予算・期間・確認の手間を見ながら、無理のない進め方を組みます。

  3. 03

    実装の技術

    デザイン・コーディング・WordPress・システム開発

    実装までの調整

    企画の段階で「作れるか」を判断できるので、企画と仕上がりのずれが出にくくなります。

  1. 相談
  2. 企画
  3. デザイン
  4. 実装
  5. 公開

最初のご相談から公開まで、窓口も作業も同じ担当者です。伝言による食い違いがありません。

08FAQ

ご依頼前に、
気になること。

相談の前に残りやすい疑問に、短くお答えします。細かな条件は、料金・対応範囲ページにまとめています。

Q01 AIはどの工程で使いますか？人はどこを担当しますか？

企画の案出し、コードの下書き、デザイン調整の手伝いにAIを使います。誰に何を伝えるかの判断、デザインの決定、コードと画面の確認、公開前の確認は、GANCHAN 11号が行います。

AIと人の担当を見る
Q02 AIを使うと、ほかのサイトと似たものになりませんか？

似たものにはなりにくい進め方をしています。AIに任せるのは案出しや下書きまでです。誰に何を伝えるか、どんな見た目と動きにするかは、ヒアリングの内容をもとにGANCHAN 11号が決めます。このサイトも、その進め方で作っています。

Q03 契約の前に、企画やデザインの案を見られますか？

ご契約の前は、お見積もりのための「おおまかな方向性」までをお伝えします。企画・デザインは、ご契約の後に一緒に決めながら進めます。

ご依頼の流れを見る
Q04 原稿や素材が揃っていなくても相談できますか？

はい。まとまっていない段階からご相談ください。ヒアリングで、すでにある情報と、これから用意するものを一緒に整理します。なお、撮影が必要な写真は、どのプランでもお客様にご用意いただきます。

Q05 1ページで完結するサイトも依頼できますか？

はい、対象です。料金はページ数だけでなく、企画・表現・制作の量・機能から見積もります。

制作プランを見る
Q06 WordPressなど、自分で更新できるサイトも依頼できますか？

はい、WordPressでの構築にも対応しています。更新したい箇所や頻度をうかがい、合う作り方をご提案します。

Q07 スマートフォンでの見やすさにも対応していますか？

はい。どのサイトも、スマートフォン・タブレット・パソコンのそれぞれで読みやすいように作ります。画面の横幅を1ピクセル単位で変えながら目で確かめ、崩れや読みにくい箇所を調整します。公開前には、実際の端末の画面でも表示を確かめます。ご依頼いただいた制作会社から、表示確認の細かさを評価いただいたこともあります。

Q08 制作期間と修正回数はどのように決まりますか？

一律ではなく、制作の範囲と確認の日程に合わせて決めます。修正と確認の方法は、お見積もり・ご契約の段階で取り決めます。

Q09 制作費以外に、どのような費用がかかりますか？

サーバー・ドメインの費用や、有料の素材（写真・イラストなど）・外部のサービス（予約ツールなど）を使う場合の費用がかかります。詳しくは料金・対応範囲ページでご案内します。

料金・対応範囲を見る
Q10 公開後の管理や修正も依頼できますか？

はい。表示やフォームの定期確認、バックアップ、更新の管理などを、月額5,000円（税別）からの保守プランで担当します。ほかで作られたサイトの保守も、引き継いでお受けできます。

保守プランを見る
Q11 ソースコードやアカウントは引き渡してもらえますか？

ソースコードは、お客様にサーバーをご用意いただく場合は、そのサーバーにアップロードしてお渡しします。保守管理をお任せいただく場合は、ご要望があれば別途お送りします。アカウントは、公開時にお渡しします。

ほかにも気になることがあれば、相談の時にお気軽にお聞きください。

09CONTACT

まとまっていなくても、
まずはご相談ください。

作りたいサイトのこと、事業の状況のこと。整理できていない段階で大丈夫です。
ヒアリングで、一緒に整理するところから始めます。

お問い合わせの後の流れ

  1. 01

    フォームから送信

    作りたいサイトや事業の状況を、わかる範囲でご記入ください。

  2. 02

    GANCHAN 11号からご連絡

    内容を拝見し、2営業日以内にご返信します。
    その際に、ヒアリングの日程をご相談します。

  3. 03

    ヒアリング・お見積もり

    目的や予算、公開の希望時期をうかがい、お見積もりをお出しします。
    企画・デザインは、ご契約の後に一緒に決めます。

通信回線、
開いています。

サイト制作を相談する

お問い合わせフォームが開きます。

Bこのサイトの作り方を、B面で読む