初めてのウェブサイト
テンプレートから開始するかゼロから構築するかを選択し、KlivのAIを使用してビジョンを実現しましょう。
テンプレート vs ゼロから構築
テンプレートから開始
既存のデザインをカスタマイズすることで、より早く完全に機能するウェブサイトを取得できます。
利点：
- 複数のページと機能がすでに構築されている
- プロフェッショナルなレイアウトとナビゲーション
- より早いローンチ時間
- 詳細なプロンプトが不要
最適な場合：
- 必要なものの70%以上に似たテンプレートを見つけた場合
- 標準的なウェブサイト（ポートフォリオ、ブログ、ビジネス、eコマース）
- 迅速なローンチ
トレードオフ： テンプレートの構造とデザインパターンにある程度制限される。
ゼロから開始
正確な要件に合わせて完全にカスタムなウェブサイトを構築します。
利点：
- 完全な創作自由度
- ユニークなデザインと機能
- 必要なもののみ構築
- テンプレートの制約なし
最適な場合：
- 既存のテンプレートに合わないユニークなコンセプト
- 特定のブランディング要件
- カスタム機能のニーズ
トレードオフ： より詳細なプロンプトと長い開発時間が必要。最初はスケルトンを取得し、各セクションを肉付けする必要があります。
迅速な決定ガイド
- テンプレート： 迅速なローンチ、標準的なサイトタイプ、ビジョンに近いものを見つけた
- ゼロから構築： ユニークなコンセプト、特定の要件、最大限のコントロールが必要
- 迷っている場合？ テンプレートから開始—後でいつでも新しいカスタムプロジェクトを作成できます
効果的なプロンプトの書き方
ゼロから開始する場合
Klivがビジョンを理解できるよう詳細な初期プロンプトを提供してください：
例1： 「ポートランド、オレゴン州を拠点とする『Sarah Chen Photography』という結婚式写真業のウェブサイトが必要です。私はロマンティックで自然なスタイルのアウトドア・デスティネーション結婚式を専門としています。サイトは、たくさんの白いスペースとブラッシュピンクやセージグリーンなどの柔らかい色を使った、清潔でエレガントなデザインにしてください。大きなギャラリーに最高の結婚式写真を表示するホームページ、自分の結婚式後に写真に興味を持った経緯を語るアバウトページ、1,200ドルから4,500ドルの価格帯で3つのパッケージ（エロープメント、半日、フルデイカバレッジ）を表示するサービスページ、結婚式タイプ別に整理されたポートフォリオセクション、カップルが日程について問い合わせできるお問い合わせフォームが必要です。また、過去のクライアントからの証言とInstagramフィードをどこかに統合したいと思います。」
例2： 「テキサス州オースティンで『Fresh Start Kitchen』という食事準備配達サービスを開始し、訪問者を顧客に変換するウェブサイトが必要です。忙しいプロフェッショナルとフィットネス愛好者に健康的で分量調整された食事を配達します。サイトは緑とオレンジの色で新鮮で活気的な印象にしてください。食事の写真とともにサービスを説明するホームページ、食事制限の好み（ケト、ビーガン、パレオなど）別に整理された今週のオプションを表示するメニューページ、週単位プラン（5食89ドル、10食159ドル、15食220ドル）の価格設定、シェフの経歴と地元調達の理念を説明するアバウトセクション、顧客レビュー、プランと配達日を選択できる簡単なサインアップフロー、食材、配達エリア、サブスクリプション一時停止方法に関する一般的な質問をカバーするFAQセクションが必要です。」
変更を加える場合
何をどこで変更するかを具体的に指定してください：
- 「ヘッダーの背景をネイビーブルーに変更」
- 「ヒーローセクションの下にお問い合わせフォームを追加」
- 「価格カードをモバイルでレスポンシブにする」
プロのコツ
- 特定のセクションを参照：「ヒーローセクションで...」
- 色、サイズ、位置を具体的に指定
- モバイル版の確認を依頼：「これがモバイルでどう見えるか見せて」
サイトのテスト
構築中にライブプレビューを使用してサイトをテストしてください：
必須チェック
- すべてのナビゲーションリンクとボタンをクリック
- フォームに記入してテスト
- ブラウザウィンドウをリサイズしてモバイルレイアウトを確認
- 画像が読み込まれシャープに見えることを確認
公開前
- すべてのリンクが正しく動作
- フォームが適切に送信される
- コンテンツが校正済み
- サイトがモバイルで良く見える
次のステップ：