GoogleのAIデザインツール「Stitch」を使って、架空サイトのファーストビューを作ってみました。
今回はGoogle AIの有料プランには加入せず、無料で使える範囲で試しています。
現在のStitchは、文章からUIデザインを作成できるだけでなく、
対話しながらデザインを調整したり、プロトタイプを作ったりすることもできます。
今回は基本のプロンプトはほぼ同じまま、
ジャンルやデザインの方向性を変えて試してみました。
1. カフェ
まずは架空のカフェ。
プロンプト
架空のカフェブランド「凪灯舎 CAFE」のランディングページのファーストビューだけを、複数パターン作成してください。
LP全体ではなく、ファーストビューのみをデザインしてください。
凪灯舎 CAFEは、季節の焼き菓子と自家焙煎コーヒーを楽しめる、落ち着いた雰囲気の架空カフェです。
ターゲットは、20代〜40代の女性、カップル、ひとり時間を大切にする人です。
作成するのはファーストビューのみで、以下を含めてください。
・ブランド名
・キャッチコピー
・サブコピー
・CTAボタン
・メインビジュアル
・ヘッダー
2案ほしいです。
各案は、レイアウト、写真の見せ方、余白の使い方、文字配置、ボタン配置を変えて、はっきり違うデザインにしてください。
デザインの方向性：
・ナチュラル
・ぬくもり
・やさしい上質感
・ベージュ、ブラウン、アイボリー系
・スマホでも見やすいレスポンシブ前提
キャッチコピー例：
「深呼吸したくなる、一杯を。」
できたもの
カフェらしい、やわらかく落ち着いたデザイン。
よく見るとお皿が少し汚れているような…？
でも色合いや構成は参考になりそう！
これはカフェっぽくないような！？
縦書きと横書きがミックスされた、ちょっと個性的なデザイン。
ロゴも作ってくれていました。素敵なデザインだと思います。
2. アウトドア
次はアウトドアブランド。
プロンプト
架空のアウトドアブランド「YORIMORI OUTDOOR」のランディングページのファーストビューだけを、複数パターン作成してください。
LP全体ではなく、ファーストビューのみをデザインしてください。
YORIMORI OUTDOORは、キャンプ用品、軽量ギア、アウトドアウェアを扱う架空ブランドです。
ターゲットは、20代〜40代のアウトドア好き、キャンプ初心者、自然志向のファミリーです。
作成するのはファーストビューのみで、以下を含めてください。
・ブランド名
・キャッチコピー
・サブコピー
・CTAボタン
・メインビジュアル
・ヘッダー
2案ほしいです。
各案は、レイアウト、写真の見せ方、余白の使い方、文字配置、ボタン配置を変えて、はっきり違うデザインにしてください。
デザインの方向性：
・自然
・冒険感
・機能性
・カーキ、ダークグリーン、サンドベージュ系
・スマホでも見やすいレスポンシブ前提
キャッチコピー例：
「外で過ごす時間を、もっと自由に。」
できたもの
上のメニュー表示も含めて、アウトドアらしい雰囲気がしっかり出ています。
大きな写真を使った王道のデザイン！
こっちはアウトドアグッズを取り揃えている感じが強め。
商品を見せたいサイトに合いそうなデザインです。
3. ITスタートアップ
次は架空のSaaSサービス。
プロンプト
架空のITスタートアップ「Piqravo Sync」のランディングページのファーストビューだけを、複数パターン作成してください。
LP全体ではなく、ファーストビューのみをデザインしてください。
Piqravo Syncは、チームの情報共有と業務効率化を支援するSaaSを提供する架空のITスタートアップです。
ターゲットは、企業の経営者、マネージャー、情報システム担当者、スタートアップ関係者です。
作成するのはファーストビューのみで、以下を含めてください。
・ブランド名
・キャッチコピー
・サブコピー
・CTAボタン
・メインビジュアル
・ヘッダー
2案ほしいです。
各案は、レイアウト、スクリーンショット風の見せ方、余白の使い方、文字配置、ボタン配置を変えて、はっきり違うデザインにしてください。
デザインの方向性：
・先進的
・信頼感
・シンプル
・ブルー、ネイビー、ホワイト系
・BtoB SaaSらしい洗練された世界観
・スマホでも見やすいレスポンシブ前提
キャッチコピー例：
「情報の流れを、もっと速く、もっとなめらかに。」
できたもの
シンプルで、ITスタートアップらしい王道デザイン。
左にコピー、右にビジュアルで内容も伝わりやすいです。
こちらはサービス画面を大きく見せたデザイン。
実際にどんなツールなのか、イメージしやすくなっています。
4. 高級旅館
次は高級旅館。
プロンプト
架空の高級旅館「汀月庵」のランディングページのファーストビューだけを、複数パターン作成してください。
LP全体ではなく、ファーストビューのみをデザインしてください。
汀月庵は、静かな温泉地にある全室露天風呂付きの架空の高級旅館です。
ターゲットは、30代〜60代の夫婦、記念日利用、落ち着いた上質な旅行を求める人です。
作成するのはファーストビューのみで、以下を含めてください。
・旅館名
・キャッチコピー
・サブコピー
・CTAボタン
・メインビジュアル
・ヘッダー
2案ほしいです。
各案は、レイアウト、写真の見せ方、余白の使い方、文字配置、ボタン配置を変えて、はっきり違うデザインにしてください。
デザインの方向性：
・高級感
・静けさ
・和モダン
・生成り、墨色、深緑、金の差し色
・スマホでも見やすいレスポンシブ前提
キャッチコピー例：
「静けさに、泊まる。」
できたもの
写真を全面に使って、旅館の世界観が一気に伝わるデザイン。
夜の露天風呂が、静かで特別な雰囲気を出しています。
こちらは余白と縦書きを活かした、和モダンなデザイン。
写真を小さめにすることで、落ち着いた印象になっています。
5. 猫グッズ販売
最後は猫グッズのお店。
プロンプト
架空の猫グッズブランド「ねころぼし商店」のランディングページのファーストビューだけを、複数パターン作成してください。
LP全体ではなく、ファーストビューのみをデザインしてください。
ねころぼし商店は、猫モチーフの雑貨、文房具、クッション、食器、小物を販売する架空ブランドです。
ターゲットは、20代〜40代の猫好き、雑貨好き、ギフト需要のあるユーザーです。
作成するのはファーストビューのみで、以下を含めてください。
・ブランド名
・キャッチコピー
・サブコピー
・CTAボタン
・メインビジュアル
・ヘッダー
2案ほしいです。
各案は、レイアウト、写真の見せ方、余白の使い方、文字配置、ボタン配置を変えて、はっきり違うデザインにしてください。
デザインの方向性：
・かわいい
・やさしい
・親しみやすい
・アイボリー、くすみピンク、ミント、ライトグレー系
・雑貨ブランドらしいおしゃれさ
・スマホでも見やすいレスポンシブ前提
キャッチコピー例：
「毎日に、猫のしあわせを。」
できたもの
猫のいる暮らし感はあるけど、グッズ販売サイトには少し見えにくいかも。
雰囲気はかわいいので、商品がもう少し見えると分かりやすそうです。
こちらはクッションや食器が見えて、グッズサイトらしさが出ています。
淡い色合いも猫雑貨の雰囲気に合っています。
同じようなプロンプトでも、ジャンルを変えるだけでかなり違うデザインになりました。
まずStitchで何案か出して、好みの方向を探す使い方もよさそうです。
※掲載しているデザインは、2026年8月時点のStitchを無料で使える範囲で生成したものです。
最短で最大の成果を上げる AIアウトプットの全技法
AIで「3か月で5億円」を実現した著者が明かす、全60の技法を完全公開
発売10日で5万部突破！コピペで使えるプロンプト満載、AIで本当に「結果を出す」人になるための一冊です。