
UI / UX デザイン
ダークモードのマーケティングケーススタディUI
データチャートと光るアクセントを備えたダークモードのマーケティングケーススタディLPモックアップを生成。デジタルエージェンシーのポートフォリオやピッチデッキに最適です。
出典:@开发者Hailey
プロンプト
{
"type": "UI/UXランディングページのモックアップ",
"theme": "ダークモード、洗練されたモダンな美学、グラスモーフィズム、{argument name=\"primary accent color\" default=\"ネオンパープルとブルー\"}の光るアクセント",
"header": {
"logo": "{argument name=\"brand name\" default=\"goViralX\"}",
"top_right_tag": "VIRAL CAMPAIGN CASE STUDY"
},
"layout": {
"sections": [
{
"name": "Hero",
"headline": "{argument name=\"hero headline\" default=\"1000万回以上のバイラルインパクトを生み出した方法\"}",
"subheadline": "Detonated the entire network in 3 days, helping brands achieve exponential growth",
"stats_row": {
"count": 4,
"labels": [
"Total play volume",
"Interaction rate",
"Conversion consultation",
"Execution cycle"
],
"values": [
"{argument name=\"main statistic\" default=\"10,240,000+\"}",
"18.7%",
"3,200+",
"72 hours"
]
},
"visual": "光るデジタル画面とグラフを見つめるパーカーを着た人物の映画のようなショット、大きな再生ボタンのオーバーレイ"
},
{
"name": "戦略",
"title": "Our 3-Day Execution Strategy",
"layout_type": "垂直タイムライン",
"steps_count": 3,
"elements_per_step": [
"タイムラインノード",
"タイトル",
"箇条書き",
"再生ボタン付き動画サムネイル",
"説明ボックス"
]
},
{
"name": "パフォーマンス",
"title": "Data-Driven Performance",
"left_column": {
"stat_cards_count": 4,
"values": [
"10M+",
"43%",
"28,000+",
"3,200+"
]
},
"right_column": {
"charts_count": 2,
"chart_1": "3日目をピークとする7日間の成長を示す折れ線グラフ",
"chart_2": "プラットフォーム分布を示す横方向のセグメント化された棒グラフ (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
}
},
{
"name": "成功の鍵",
"title": "The 3 Keys to Viral Success",
"cards_count": 3,
"card_elements": [
"光るアイコン(炎、ターゲット、アンテナ)",
"タイトル",
"説明",
"VIEW DETAIL リンク"
]
},
{
"name": "社会的証明",
"title": "TRUSTED BY CREATORS & BRANDS",
"left_column": {
"logos_count": 8,
"grid": "2x4",
"brands": [
"SHEIN",
"SHOPLINE",
"Blueglass",
"instacart",
"lemon8",
"mi",
"CIDER",
"bellroy"
]
},
"right_column": {
"testimonial_cards_count": 2,
"elements": [
"引用文",
"著者の肩書き (SaaS Founder, Growth Manager)"
]
}
},
{
"name": "コールトゥアクション",
"title": "READY TO GO VIRAL?",
"interactive_elements": [
"テキスト入力フィールド",
"「{argument name=\"call to action text\" default=\"専用の成長プランを入手 ->\"}」のテキストが入った光るボタン"
],
"visual": "紫と青の炎を上げて離陸するロケットの3Dレンダリング"
}
]
}
}プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 1:1
- 作成者
- @开发者Hailey
- ライセンス
- CC BY 4.0
- 追加日
- 更新日