ChatGPTに、自社のブランド、サービス、目標について伝えてください。VIXNODE がページを作成する前に、ChatGPTが要件やサイト構成を整理してくれます。
ご依頼内容：「私のデザートスタジオのウェブサイトを制作してほしい。サイトには、私たちのストーリー、商品、よくある質問（FAQ）、そしてLINEでの問い合わせ先を掲載してほしい。」
ChatGPTがあなたのアイデアを整理します
VIXNODE ウェブサイトのプレビュー
インテリジェントなAIが、あらゆるクリエイティブなアイデアの実現をサポートします。
スマートフォンから直接、ウェブサイトを作成、プレビュー、公開できます。AIの力を借りれば、どこにいてもアイデアを即座に公開可能なサイトに変えることができます。
ChatGPT × VIXNODE
まずウェブデザインを学ぶ必要はありません。ChatGPTに必要なことを伝えるだけで、VIXNODE があなたのアイデアを実際のウェブサイトに仕上げてくれます。
ChatGPTに、自社のブランド、サービス、目標について伝えてください。VIXNODE がページを作成する前に、ChatGPTが要件やサイト構成を整理してくれます。
ご依頼内容：「私のデザートスタジオのウェブサイトを制作してほしい。サイトには、私たちのストーリー、商品、よくある質問（FAQ）、そしてLINEでの問い合わせ先を掲載してほしい。」
ChatGPTが、業界、コンテンツ、目標に基づいてサイトマップを計画し、その後、VIXNODE がページと共有構造を作成します。
ご依頼内容：「私はインテリアデザインスタジオを運営しています。ウェブサイトを完成させるために必要なすべてのページを企画してください。」
その感覚を日常的な言葉で表現してください。ChatGPTがそれを、VIXNODE が実装できる明確なデザインの方向性へと変換します。
ご指定の内容：「ミニマルで洗練された、日本風のデザインにしてください。あまり商業的になりすぎず、グラデーションも多用しないでください。」
ChatGPTが色、フォント、余白、画像、レイアウトを定義し、VIXNODE がそれらの選択内容を実際のページに反映させます。
ご依頼内容：「シンプルで洗練されたデザインを保ちつつ、ウェブサイトの質感をより高級感あふれるものにしたい。」
ChatGPTは、ロゴ、配色、ポジショニングを視覚的なルールに変換し、VIXNODE がすべてのページに適用できるようにします。
ご依頼内容：「こちらが私のロゴとブランドカラーです。ウェブサイト全体を、一貫性のあるブランドとして統一感を持たせてください。」
ChatGPTに下書きを渡してください。ChatGPTが見出し、サービス説明文、FAQ、行動喚起文を作成し、その後VIXNODE がそれらをページに配置します。
ご指定の指示：「当社は10年にわたり手作りのデザートを提供してきました。文章は温かみのあるトーンを保ち、売り込みが強くなく、読者が注文したくなるような気持ちになれるようにしてください。」
ChatGPTにスクリーンショットを送信してください。変更すべき箇所を指定すると、VIXNODE プラグインが該当するページセクションを自動的に更新してくれます。
ご依頼内容＋スクリーンショット「このエリアがごちゃごちゃしているように感じます。画像を拡大し、見出しを小さくして、ボタンを下に移動してください。」
ブランド、イメージ、配色、そして目的について説明してください。ChatGPTがウェブサイトのビジュアルをカスタマイズして作成し、VIXNODE がそれをヒーローセクション、バナー、またはコンテンツに配置します。
ご依頼内容：「私の和風デザートブランドのためのメインビジュアルを作成してください。自然光、クリーム色系のトーン、木製のテーブルを盛り込み、ストックフォトのような雰囲気にはしないでください。」
ChatGPTは、共通の構成、配色、照明、視覚的表現を定義し、それを各ページの画像に適用します。
ご指定の指示：「新しい画像はすべて、ホームページのスタイルに統一感を持たせてください。自然光、低彩度、温かみのある木目調を心がけてください。」
ChatGPTにモバイルでの操作性を確認するよう依頼すると、VIXNODE がテキスト、画像のトリミング、余白、タップ対象、読み順を調整します。
「このページをモバイル端末で確認し、読みにくい部分やタップしにくい箇所があれば修正してください」という指示
ビジネス目標を説明してください。ChatGPTが役立つコンテンツや機能を特定し、VIXNODE がそれらを構築または連携させます。
ご提示いただいたプロンプト：「私はヨガスタジオを経営しています。来訪者には、クラスを見てもらい、当スタジオを見つけてもらい、LINEをフォローしてもらい、体験レッスンを予約してもらう必要があります。」
ChatGPTがコンテンツ、SEO、公開準備のタスクを確認した後、VIXNODE がプレビュー、設定、公開の手順を案内します。
「ウェブサイトはほぼ完成しました。正式に公開する前に、まだ残っている作業を確認してください。」という指示
リリース後は、ChatGPTを使ってコピー、ビジュアル、価格、イベント、またはサービスを変更してください。VIXNODE が変更内容を正確に更新・公開します。
「中秋節のギフトボックスの価格を680台湾ドルから720台湾ドルに変更してください。それ以外は変更しないでください。」というご指示
ウェブページのデザインが自分でコントロールできるようになります！
レイアウトやスタイルを自由に調整し、あなたのウェブサイトにユニークで個性的な体験を提供します。
高度なAI技術を活用することで、コーディングの知識がなくても、ウェブページのコンテンツを簡単に操作・カスタマイズできます。
ウェブページの内容を修正した後、リアルタイムプレビュー機能により、ユーザーは変更を即座に確認でき、ウェブサイトの表示が期待通りになることを保証します。
className・cssStyle・childNodesなどの要素属性の変更・追加・削除するとこで、ユーザーはウェブサイトの外観と動作を完全にコントロールできます。
プログラミングの知識は一切不要
簡単に要素を追加し、コンテンツを編集し、あなたの思いを魅力的な作品に変身させましょう。
インポートするソース、プロンプト、または画像を選択します。「Start」をクリックすると、ブラウザでインポートしたかAIで生成されたウェブページが即座にプレビュー表示されます。
プレビュー内で変更したい要素をクリックします。右側にはclassName・cssStyle・childNodesなどの要素属性が表示されます。
詳しい操作方法についてはドキュメントを参照してください
デザインの仕上がりにお満足いただけましたら、「保存」をクリックしてください。ページの属性を選択し、「公開」をクリックしてウェブサイトを公開します。また、モバイル端末でウェブサイトのプレビューを確認することもできます。
