Kotonia
ログイン今すぐ始める

BUSINESS BUILDER

話すだけで、事業の Web サイトを AI と一緒に立ち上げる

事業のことを話すと、AI パートナーが魅力を整理し、競合を調べながら、実際に触れる Web サイトのモックをその場で生成します。ヒアリング → 設計 → 制作 → 確認の 4 ステップで、コードを書かずに形にできます。

Business BuilderPREMIUM β
  1. 1ヒアリング
  2. 2設計
  3. 3制作
  4. 4確認
BUSINESS PARTNER事業を一緒に形にする
こんにちは。事業の魅力を整理して、実際に触れる Web サイトのモックまで一緒に作ります。まずは、どんな事業で、誰からどんな反応を得たいかをラフに教えてください。
preview.kotonia.com
LIVE CANVAS会話からサイトが立ち上がります

事業について話すと、Kotonia が必要な情報を整理し、調査しながら右側にモックを生成します。

競合調査レスポンシブHTMLAI受付
※ 実際の画面の再現イメージ(参考)

会話するだけで、事業が「触れるサイト」になる

Business Builder は、あなたの事業のことを話すだけで、AI が魅力を整理し、実際に触れる Web サイトのモックまで一緒に作る「事業パートナー」です。左側でヒアリングを進めながら、右側の LIVE CANVAS に競合調査を踏まえたレスポンシブ HTML がその場で立ち上がります。PC / スマホ表示やソースを切り替えて確認でき、生成したサイト上で AI 受付のデモも試せます。事業ごとにプロジェクトを分けて管理でき、コードは一切書きません。

4 ステップヒアリング→設計→制作→確認
ライブ生成会話しながら右側にモック生成
ノーコードコード不要・事業者向け

会話で事業の魅力を引き出す

AI パートナーが事業内容や狙いをヒアリングし、伝えるべき価値を一緒に整理します。

競合を調べて設計する

Web で競合や参考事例を調査し、構成やメッセージを設計に反映します。

触れるモックをライブ生成

レスポンシブな HTML サイトをその場で生成。PC / スマホ表示とソースを切り替えて確認できます。

AI 受付デモを試せる

生成したサイト上で、来客対応や問い合わせに答える AI 受付をその場でデモできます。

複数プロジェクト管理と公開

事業ごとにプロジェクトを分けて管理。将来は「公開する」でそのまま公開予定です(準備中)。

美容室・サロンの集客サイト教室・スクールの体験申込法人サービスの問い合わせ増加店舗のメニュー・予約導線新規事業の LP プロトタイプ

運用フロー:画面で見る 4 ステップ

Business BuilderPREMIUM β
  1. 1ヒアリング
  2. 2設計
  3. 3制作
  4. 4確認
個人経営の美容室です。新規客が迷わず予約できるサイトを作りたい
いいですね。ターゲットは新規のお客様ですね。雰囲気は「清潔感」と「入りやすさ」、どちらを強めたいですか?
LIVE CANVAS会話からサイトが立ち上がります

事業について話すと、Kotonia が必要な情報を整理し、調査しながら右側にモックを生成します。

競合調査レスポンシブHTMLAI受付
1

① ヒアリング — 事業を話す

「どんな事業で、誰にどう感じてほしいか」を会話で伝えます。まだ固まっていなくても大丈夫。左の候補から選んで始めることもできます。AI パートナーが足りない情報を質問で補い、狙いを一緒に言語化していきます。

Business BuilderPREMIUM β
  1. 1ヒアリング
  2. 2設計
  3. 3制作
  4. 4確認
近隣サロン 3 件を調べました。予約導線が弱い店が多いので、ファーストビューに「かんたん予約」ボタンを置く構成を提案します。
設計中競合を調査して構成を作成

訴求メッセージ・掲載セクション・予約導線を設計しています。

競合3件を調査構成案を作成予約導線を設計
2

② 設計 — 競合を調べて構成する

AI が Web で競合や参考事例を調べ、伝えるべき価値・掲載する内容・予約などの導線を設計します。進行状況は右側に表示され、どんな根拠でその構成にしたかを会話で確認できます。

Business BuilderPREMIUM β
  1. 1ヒアリング
  2. 2設計
  3. 3制作
  4. 4確認
ファーストビューをもっと明るく、予約ボタンを大きくして
反映しました。写真を明るめに調整し、予約ボタンを目立つ位置に大きく配置しました。
Sunny Hairメニュー料金アクセスPC
はじめてでも、迷わず予約。駅近・清潔感のあるサロンかんたん予約
スタイル一覧料金プランアクセス
3

③ 制作 — 触れるサイトをライブ生成

レスポンシブな HTML サイトのモックが右側にその場で立ち上がります。ボタンやリンクは実際に触れて確認でき、「もっと明るく」「予約ボタンを上に」のように会話で直すと即座に反映されます。

Business BuilderPREMIUM β
  1. 1ヒアリング
  2. 2設計
  3. 3制作
  4. 4確認
スマホ表示に切り替えました。AI 受付をオンにすると、予約や営業時間の質問にサイト上で自動応答します。
Sunny Hairメニュー料金アクセススマホ
はじめてでも、迷わず予約。駅近・清潔感のあるサロンかんたん予約
スタイル一覧料金プランアクセス
AI受付

ご予約ですね。ご希望の日時を教えてください。

4

④ 確認 — 表示と AI 受付をチェック

PC / スマホ表示やソースを切り替えて仕上がりを確認します。生成したサイト上では AI 受付デモを試せて、来客対応や問い合わせにどう答えるかをその場で体験できます。仕上がったら(準備中の)「公開する」でそのまま公開予定です。

話すだけで、事業のサイトを形にする

会話から、実際に触れる Web サイトのモックをその場で作れます。まずは無料で始められます。