1 / 1

深色模式病毒式营销案例研究落地页

案列来源：开发者Hailey

UI 设计稿openai/gpt-image-2#UI 设计#电影感#赛博朋克#进化时间线#界面

一个全面的深色主题 UI 原型，用于营销案例研究，包含数据可视化、时间轴和 3D 插图。

4.1w人正在用

4:5推荐尺寸

2.3w收藏人数

提示词模板

{
  "type": "落地页 UI 设计",
  "theme": "深色模式，现代科技感，霓虹紫 与蓝色发光点缀，玻璃拟态风格",
  "header": {
    "logo": "goViralX",
    "badge": "病毒式营销活动案例研究"
  },
  "sections": [
    {
      "id": "hero",
      "layout": "左侧文字，右侧图片布局",
      "content": {
        "badge": "案例研究",
        "headline": "我们如何创造 1000 万+ 的病毒式影响力",
        "subtitle": "3 天引爆网络，助力品牌实现指数级增长",
        "stats_row": {
          "count": 4,
          "labels": [
            "总浏览量 10,240,000+",
            "互动率 18.7%",
            "转化量 3,200+",
            "执行周期 72 小时"
          ]
        },
        "hero_image": "电影质感的镜头，展示一个人在暗室中注视着发光的悬浮视频屏幕，带有巨大的播放按钮叠加层"
      }
    },
    {
      "id": "strategy",
      "title": "活动拆解：我们的 3 天执行策略",
      "layout": "3 步垂直时间轴",
      "steps": [
        {
          "step": 1,
          "title": "策略制定",
          "image": "人们在屏幕上分析数据"
        },
        {
          "step": 2,
          "title": "内容制作",
          "image": "视频编辑界面"
        },
        {
          "step": 3,
          "title": "分发与放大",
          "image": "手持带有社交媒体图标的智能手机"
        }
      ]
    },
    {
      "id": "performance",
      "title": "效果评估：数据驱动的绩效表现",
      "layout": "左侧统计卡片网格，右侧图表",
      "left_stats": {
        "count": 4,
        "labels": [
          "总曝光量 1000 万+",
          "平均 CPM 下降 43%",
          "新增粉丝 28,000+",
          "转化量 3,200+"
        ]
      },
      "right_charts": {
        "count": 2,
        "items": [
          "折线图显示 7 天趋势，在第 3 天达到 8,320,000 的峰值",
          "横向柱状图显示平台分布：TikTok 52%，Instagram 24%，X 15%，YouTube 9%"
        ]
      }
    },
    {
      "id": "keys_to_success",
      "title": "为何能病毒式传播：成功的 3 大关键",
      "layout": "3 张卡片横向排列",
      "cards": [
        {
          "icon": "fire",
          "title": "情感钩子设计"
        },
        {
          "icon": "bullseye",
          "title": "内容结构设计"
        },
        {
          "icon": "antenna",
          "title": "分发策略执行"
        }
      ]
    },
    {
      "id": "social_proof",
      "title": "深受创作者与品牌信赖：他们都在使用 goViralX 实现增长",
      "layout": "左侧 Logo，右侧客户评价",
      "left_logos": {
        "count": 8,
        "labels": [
          "SHEIN",
          "SHOPLINE",
          "Blueglass",
          "instacart",
          "lemon8",
          "mi",
          "CIDER",
          "bellroy"
        ]
      },
      "right_testimonials": {
        "count": 2,
        "labels": [
          "SaaS 创始人评价",
          "增长经理评价"
        ]
      }
    },
    {
      "id": "cta",
      "title": "准备好实现病毒式传播了吗？：想要获得同样的增长效果？",
      "layout": "左侧文字与输入框，右侧 3D 插图",
      "elements": [
        "带有占位符文本的输入框",
        "按钮：获取专属增长方案 ->"
      ],
      "image": "3D 发光紫色和蓝色火箭发射"
    }
  ],
  "footer": "Logo 和版权声明文本"
}