Giao diện mockup landing page case study marketing Dark Mode
Charts & InfographicsGPT Image 2UI/UX MockupModern Aesthetic3D RenderGlassmorphismDark ModeData VisualizationLanding Page

Giao diện mockup landing page case study marketing Dark Mode

Prompt tạo bản thiết kế mockup landing page giao diện tối (Dark Mode) cho case study chiến dịch marketing lan truyền. Giao diện được cấu trúc chuyên nghiệp gồm thanh tiêu đề, phần giới thiệu hero, dòng thời gian chiến lược, biểu đồ hiệu suất và lời kêu gọi hành động.

Bản tiếng Anh

{
  "type": "UI/UX landing page mockup",
  "theme": "dark mode, sleek modern aesthetic, glassmorphism, {argument name="primary accent color" default="neon purple and blue"} glowing accents",
  "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="How We Created 10M+ Viral Impact"}",
        "subheadline": "3天引爆全网, 助力品牌实现指数级增长",
        "stats_row": {
          "count": 4,
          "labels": ["总播放量", "互动率", "转化咨询", "执行周期"],
          "values": ["{argument name="main statistic" default="10,240,000+"}", "18.7%", "3,200+", "72小时"]
        },
        "visual": "cinematic shot of a person in a hoodie looking at glowing digital screens and graphs, large play button overlay"
      },
      {
        "name": "Strategy",
        "title": "Our 3-Day Execution Strategy",
        "layout_type": "vertical timeline",
        "steps_count": 3,
        "elements_per_step": ["timeline node", "title", "bullet points", "video thumbnail with play button", "description box"]
      },
      {
        "name": "Performance",
        "title": "Data-Driven Performance",
        "left_column": {
          "stat_cards_count": 4,
          "values": ["10M+", "43%", "28,000+", "3,200+"]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "line graph showing 7-day growth peaking at Day 3",
          "chart_2": "horizontal segmented bar chart showing platform distribution (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
        }
      },
      {
        "name": "Keys to Success",
        "title": "The 3 Keys to Viral Success",
        "cards_count": 3,
        "card_elements": ["glowing icon (fire, target, antenna)", "title", "description", "VIEW DETAIL link"]
      },
      {
        "name": "Social Proof",
        "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": ["quote", "author title (SaaS Founder, Growth Manager)"]
        }
      },
      {
        "name": "Call to Action",
        "title": "READY TO GO VIRAL?",
        "interactive_elements": ["text input field", "glowing button with text '{argument name="call to action text" default="获取专属增长方案 ->"}'"],
        "visual": "3D render of a rocket ship taking off with purple and blue flames"
      }
    ]
  }
}

Bản tiếng Việt

{
  "type": "Mockup landing page UI/UX",
  "theme": "chế độ tối, thẩm mỹ hiện đại đẹp mắt, hiệu ứng kính mờ (glassmorphism), chi tiết phát sáng {argument name="primary accent color" default="neon purple and blue"}",
  "header": {
    "logo": "{argument name="brand name" default="goViralX"}",
    "top_right_tag": "CASE STUDY CHIẾN DỊCH VIRAL"
  },
  "layout": {
    "sections": [
      {
        "name": "Hero",
        "headline": "{argument name="hero headline" default="How We Created 10M+ Viral Impact"}",
        "subheadline": "Bùng nổ toàn mạng trong 3 ngày, giúp thương hiệu đạt mức tăng trưởng theo cấp số nhân",
        "stats_row": {
          "count": 4,
          "labels": ["总播放量", "互动率", "转化咨询", "执行周期"],
          "values": ["{argument name="main statistic" default="10,240,000+"}", "18.7%", "3,200+", "72小时"]
        },
        "visual": "ảnh chụp cinematic một người mặc áo hoodie nhìn vào các màn hình kỹ thuật số và biểu đồ phát sáng, lớp phủ nút phát lớn"
      },
      {
        "name": "Strategy",
        "title": "Chiến lược thực thi trong 3 ngày của chúng tôi",
        "layout_type": "dòng thời gian dọc",
        "steps_count": 3,
        "elements_per_step": ["timeline node", "title", "bullet points", "video thumbnail with play button", "description box"]
      },
      {
        "name": "Performance",
        "title": "Hiệu suất dựa trên dữ liệu",
        "left_column": {
          "stat_cards_count": 4,
          "values": ["10M+", "43%", "28,000+", "3,200+"]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "biểu đồ đường hiển thị mức tăng trưởng 7 ngày đạt đỉnh vào Ngày 3",
          "chart_2": "biểu đồ thanh phân đoạn nằm ngang hiển thị phân bổ nền tảng (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
        }
      },
      {
        "name": "Keys to Success",
        "title": "3 Chìa khóa dẫn đến thành công lan truyền",
        "cards_count": 3,
        "card_elements": ["glowing icon (fire, target, antenna)", "title", "description", "VIEW DETAIL link"]
      },
      {
        "name": "Social Proof",
        "title": "ĐƯỢC TIN DÙNG BỞI CÁC NHÀ SÁNG TẠO & THƯƠNG HIỆU",
        "left_column": {
          "logos_count": 8,
          "grid": "2x4",
          "brands": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"]
        },
        "right_column": {
          "testimonial_cards_count": 2,
          "elements": ["quote", "author title (SaaS Founder, Growth Manager)"]
        }
      },
      {
        "name": "Call to Action",
        "title": "SẴN SÀNG ĐỂ LAN TRUYỀN VIRAL?",
        "interactive_elements": ["ô nhập văn bản", "nút phát sáng có chữ '{argument name="call to action text" default="获取专属增长方案 ->"}'"],
        "visual": "kết xuất 3D tàu vũ trụ đang cất cánh với ngọn lửa màu tím và xanh lam"
      }
    ]
  }
}

Mẹo sử dụng

Thay thế các giá trị placeholder bằng logo, số liệu thống kê thực tế và thông điệp thương hiệu để tạo ra bản mockup giao diện web theo đúng nhu cầu trình bày case study.

Nguồn và quyền sử dụng

Nguồn
https://x.com/IndieDevHailey/status/2044974254769463312#reversed-0
Tác giả gốc
开发者Hailey
License prompt
CC-BY-4.0
License ảnh
CC-BY-4.0

Báo lỗi hoặc yêu cầu gỡ nội dung

Danh Bạ AI
Logo
Register New Account