Kotonia
ログイン今すぐ始める

BUSINESS BUILDER

Build your business website with AI, just by talking

Talk about your business and an AI partner distills what matters, researches competitors, and generates a real, touchable website mock on the spot. Go from hearing → design → build → review — no code required.

Business BuilderPREMIUM β
  1. 1Hearing
  2. 2Design
  3. 3Build
  4. 4Review
BUSINESS PARTNERShape your business together
Hi! Let's organize what makes your business appealing and build a real, touchable website mock together. To start, tell me roughly what your business is and what reaction you want, from whom. It's fine if it isn't set yet.
preview.kotonia.com
LIVE CANVASA site takes shape from the conversation

As you talk about your business, Kotonia organizes what it needs, researches, and generates a mock on the right.

Competitor researchResponsive HTMLAI reception
* Illustration of the actual screen (for reference)

Just by talking, your business becomes a touchable site

Business Builder is a business partner that, just from you talking about your business, distills what's appealing and builds a real, touchable website mock with you. As it interviews you on the left, a responsive HTML site — informed by competitor research — takes shape live in the LIVE CANVAS on the right. Switch between desktop / mobile and source to check it, and try an AI reception demo right on the generated site. Manage a separate project per business, and never write a line of code.

4 stepsHearing → Design → Build → Review
Live buildMock generated as you talk
No-codeFor business owners, no coding

Draw out what makes your business appealing

The AI partner interviews you about your business and goals and organizes the value worth conveying.

Research competitors and design

It researches competitors and references on the web and reflects structure and messaging into the design.

Live-generate a touchable mock

A responsive HTML site is generated on the spot. Switch between desktop / mobile view and source to check it.

Try an AI reception demo

Right on the generated site, demo an AI receptionist that handles visitors and inquiries.

Manage projects and publish

Keep a separate project per business. Publishing directly via "Publish" is planned (coming soon).

Salon / hair-shop customer acquisitionClass / school trial signupsMore inquiries for B2B servicesStore menu & booking flowNew-business landing page prototype

The flow: 4 steps, screen by screen

Business BuilderPREMIUM β
  1. 1Hearing
  2. 2Design
  3. 3Build
  4. 4Review
I run a small hair salon. I want a site where new customers can book without getting lost.
Great — new customers, then. Which do you want to lean into more: a clean, tidy feel, or an easy-to-approach vibe?
LIVE CANVASA site takes shape from the conversation

As you talk, Kotonia organizes what it needs, researches, and generates a mock on the right.

Competitor researchResponsive HTMLAI reception
1

① Hearing — talk about your business

Tell it, in conversation, what your business is and how you want people to feel. It's fine if nothing is set yet — you can also start from the suggestions on the left. The AI partner fills gaps with questions and puts your goal into words with you.

Business BuilderPREMIUM β
  1. 1Hearing
  2. 2Design
  3. 3Build
  4. 4Review
I looked at 3 nearby salons. Many have weak booking flows, so I suggest a layout with an "Easy booking" button in the first view.
DESIGNINGResearching competitors and building structure

Designing the messaging, sections, and booking flow.

3 competitors researchedStructure draftedBooking flow designed
2

② Design — research competitors and structure

The AI researches competitors and references on the web and designs the value to convey, the sections to include, and flows like booking. Progress shows on the right, and you can check its reasoning by talking.

Business BuilderPREMIUM β
  1. 1Hearing
  2. 2Design
  3. 3Build
  4. 4Review
Make the first view brighter and the booking button bigger.
Done — I brightened the photo and placed a larger booking button in a prominent spot.
Sunny HairMenuPricingAccessDesktop
Book with confidence, even your first time.A clean salon near the stationEasy booking
StylesPricingAccess
3

③ Build — live-generate a touchable site

A responsive HTML site mock appears on the right, on the spot. Buttons and links are actually touchable, and when you say "make it brighter" or "move the booking button up," it updates instantly.

Business BuilderPREMIUM β
  1. 1Hearing
  2. 2Design
  3. 3Build
  4. 4Review
I switched to mobile view. Turn on AI reception and it will answer booking and hours questions right on the site.
Sunny HairMenuPricingAccessMobile
Book with confidence, even your first time.A clean salon near the stationEasy booking
StylesPricingAccess
AI reception

A booking? Sure — what date and time would you like?

4

④ Review — check display and AI reception

Switch between desktop / mobile view and source to check the result. On the generated site you can try the AI reception demo and see how it answers visitors and inquiries. When it is ready, publishing directly via "Publish" is planned (coming soon).

Turn your business into a site, just by talking

Build a real, touchable website mock from a conversation — free to start.