クリーンな SaaS ウェブサイト
これは、ワークフロー自動化プラットフォームを軸に構築された、フルデザインのマルチページ SaaS マーケティング向けウェブサイトのプロトタイプです。全体を通して、クリーンな白と薄いグレーの配色、インディゴのアクセントカラー（#4f46e5）、Roboto 書体、Tailwind CSS を採用しています。7 ページすべては、一貫したナビゲーションとダークフッターでつながっています。
含まれる内容
このテンプレートは、相互に連携する7 ページを含みます：
Landing Page — ヒーロー（CTA を 2 つ配置）、ダッシュボードプレビュー、ソーシャルプルーフバー、4 つの柱による機能セクション、比較表、指標行（3.2x、67%、94%、$2.4M）、お客様の声、全幅の CTA バナー
Platform Features — 6 つの機能カード、5 段階のデータフロー図、ニーズ別の機能比較表
Solutions by Team — セールス、マーケティング、オペレーション、カスタマーサクセス、経営陣向けの部署別カード。それぞれに課題、成果、導入前後のワークフローの内訳を掲載
Pricing — 3 つのプラン（Starter $29/mo、Growth $89/mo、Enterprise はカスタム）、請求切替（年間 20% 割引）、詳細な比較表、ROI 計算機、FAQ アコーディオン
導入事例 — 注目のケーススタディ、業界別のストーリーカード6件（検証済みの指標付き）、チャートを備えた集計結果ダッシュボード、そして変革ジャーニーのタイムライン
リソース ハブ — 検索可能なコンテンツカテゴリ、注目の電子書籍、3段階のラーニングパス、ブログとプレミアムアセット ライブラリー
デモを予約する — 複数項目のリードフォーム、「当日の流れ」パネル、導入企業のロゴ、Enterprise 向けオンボーディング セクション
利用対象
SaaS の創業者、B2B 製品のマーケティングチーム、グロースチーム、ソフトウェアのマーケティングサイトを制作するデザインまたは開発のエージェンシー。初期段階の MVP ローンチから大企業のブランド刷新まで対応します。
使用方法
「NovaFlow」のブランディング、ヒーローコピー、機能の柱、料金プラン、顧客向けコンテンツを自社のものに置き換えてください。各セクションは独立しており、並べ替えや削除が可能です。
サイドキックで生成する
新しい Miro ボードを開き、サイドキックを起動して、次のプロンプトを入力してください:
"[あなたの製品カテゴリ] プラットフォーム向けの、完全な複数ページの SaaS マーケティングサイトを作成してください。ランディングページ（ヒーロー、機能、比較、指標、推薦文、CTA を含む）、機能ページ、チーム別ソリューションページ、3 つの料金プランと FAQ を含む料金プランページ、顧客事例ページ、リソースハブ、デモ予約ページを含めてください。クリーンな白と淡いグレーのデザインにインディゴのアクセント、Roboto フォント、ダークフッターを使用し、すべてのページを一貫したナビゲーションでリンクしてください."
サイドキックがプロトタイプ全体の骨組みを作成します。サイトが製品に合うまで、特定のセクション、色、レイアウト密度、コンテンツの調整をプロンプトで繰り返し指示してください。
よろしくお願いします！
カワジャ・リズワン
