すべてのプロジェクト

小規模事業者向けAIサイトビルダーフルスタック公開中

Brandry

一文で事業を説明すれば、Brandryがモバイル対応の本物のウェブサイトを作ります。コードも、デザイナーも、専門用語も不要です。

Brandry の画面のスクリーンショット

成果

ひとつの指示から公開サイトへ

課題

美容室、飲食店、小売店はデザイナーを雇えません。一方、汎用のサイトビルダーは、知っている必要のない判断を求めてきます。

作ったもの

一文の事業説明を完全なサイトに変えます。ページ構成、文章、レイアウトを同時に生成するので、テンプレートを埋めたものではなく筋の通った結果になります。

結果

数分で動くモバイル対応サイトができ、ワンクリックで書き出しとホスティングができます。

仕組み

  1. 01

    事業についての一文が入力されます。何をしているか、誰に向けているか、どこにあるか。

  2. 02

    文章が一行も存在しないうちに、まず構成を決めます。この種の事業にどのページが必要で、どの順番かです。

  3. 03

    文章とレイアウトはその構成に対して生成されるため、各セクションが別々の指示のように読めるのではなく互いに噛み合います。

  4. 04

    結果は編集も書き出しもホスティングもできるので、オーナーは抜け出せないビルダーに縛られません。

AIの層

生成は一発ではなく段階的です。構成、次にその構成に沿ったセクション文、次にレイアウト選択。サイト全体を一度に出せと言われた単一の指示は、ページ同士が互いを知らないサイトを生みます。

エンジニアリングの層

ジェネレーターが妥当な形でしか組み合わせられないコンポーネントライブラリがあり、それが出力の崩れを防ぎます。加えて書き出しとホスティングにより、サイトはプレビューではなく実体のある成果物になります。

主要な技術判断

ジェネレーターをデザインシステムに縛る。

モデルに任意のマークアップを出させると、生成物に見えるサイトができます。よく作られたセクションの固定セットから組み立てれば、最悪の出力でもまともなサイトのままです。

フォームではなく一文を尋ねる。

対象は美容室のオーナーであってマーケティング部門ではありません。項目が増えるたびに、知っている必要のない判断が増え、離脱の理由が増えます。

使用技術

Next.jsOpenAITypeScriptAI Generation

関連