feat: 添加 AgentDemo 演示网页相关文件
详细说明: - 添加 7 个专业 Agent 头像素材 - 包含会展策划完整演示案例(20+张图片) - 集成 superdesign 插件的深色主题 UI 设计规范 - 包含项目可行性分析文档 - 为 AgentDemo 网页展示准备完整素材库 文件结构: - web_frontend/data/agent头像/ - 各类专家 Agent 头像 - web_frontend/data/会展策划/ - 会展案例演示素材 - .superdesign/design_iterations/ - UI 设计规范 - web_frontend/doc/ - 项目文档 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
521
.superdesign/design_iterations/default_ui_darkmode.css
Normal file
@@ -0,0 +1,521 @@
|
||||
/* ========================================
|
||||
Dark Mode UI Framework
|
||||
A beautiful dark mode design system
|
||||
======================================== */
|
||||
|
||||
/* ========================================
|
||||
CSS Variables & Theme
|
||||
======================================== */
|
||||
:root {
|
||||
/* Dark Mode Color Palette */
|
||||
--background: oklch(0.145 0 0);
|
||||
--foreground: oklch(0.985 0 0);
|
||||
--card: oklch(0.205 0 0);
|
||||
--card-foreground: oklch(0.985 0 0);
|
||||
--primary: oklch(0.922 0 0);
|
||||
--primary-foreground: oklch(0.205 0 0);
|
||||
--secondary: oklch(0.269 0 0);
|
||||
--secondary-foreground: oklch(0.985 0 0);
|
||||
--muted: oklch(0.269 0 0);
|
||||
--muted-foreground: oklch(0.708 0 0);
|
||||
--accent: oklch(0.269 0 0);
|
||||
--accent-foreground: oklch(0.985 0 0);
|
||||
--destructive: oklch(0.704 0.191 22.216);
|
||||
--border: oklch(1 0 0 / 10%);
|
||||
--input: oklch(1 0 0 / 15%);
|
||||
--ring: oklch(0.556 0 0);
|
||||
|
||||
/* Spacing & Layout */
|
||||
--radius: 0.625rem;
|
||||
--spacing-xs: 0.25rem;
|
||||
--spacing-sm: 0.5rem;
|
||||
--spacing-md: 0.75rem;
|
||||
--spacing-lg: 1rem;
|
||||
--spacing-xl: 1.5rem;
|
||||
--spacing-2xl: 2rem;
|
||||
--spacing-3xl: 3rem;
|
||||
|
||||
/* Typography */
|
||||
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||||
--font-size-xs: 0.75rem;
|
||||
--font-size-sm: 0.875rem;
|
||||
--font-size-base: 1rem;
|
||||
--font-size-lg: 1.125rem;
|
||||
--font-size-xl: 1.25rem;
|
||||
--font-size-2xl: 1.5rem;
|
||||
--font-size-3xl: 1.875rem;
|
||||
--font-size-4xl: 2.25rem;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Base Styles
|
||||
======================================== */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-family);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
html.dark {
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Layout Components
|
||||
======================================== */
|
||||
.container {
|
||||
max-width: 64rem;
|
||||
margin: 0 auto;
|
||||
padding: var(--spacing-2xl) var(--spacing-lg);
|
||||
}
|
||||
|
||||
.container-sm {
|
||||
max-width: 42rem;
|
||||
}
|
||||
|
||||
.container-lg {
|
||||
max-width: 80rem;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
|
||||
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
.grid-cols-auto { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
|
||||
|
||||
.gap-sm { gap: var(--spacing-sm); }
|
||||
.gap-md { gap: var(--spacing-md); }
|
||||
.gap-lg { gap: var(--spacing-lg); }
|
||||
.gap-xl { gap: var(--spacing-xl); }
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.items-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.justify-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Card Components
|
||||
======================================== */
|
||||
.card {
|
||||
background-color: var(--card);
|
||||
color: var(--card-foreground);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: calc(var(--radius) + 4px);
|
||||
padding: var(--spacing-xl);
|
||||
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Button Components
|
||||
======================================== */
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: var(--spacing-sm);
|
||||
white-space: nowrap;
|
||||
border-radius: var(--radius);
|
||||
font-size: var(--font-size-sm);
|
||||
font-weight: 500;
|
||||
transition: all 0.2s;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
padding: var(--spacing-sm) var(--spacing-lg);
|
||||
min-height: 2.25rem;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn:disabled {
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: var(--primary);
|
||||
color: var(--primary-foreground);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: rgba(236, 236, 236, 0.9);
|
||||
}
|
||||
|
||||
.btn-outline {
|
||||
background-color: transparent;
|
||||
border: 1px solid var(--border);
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
.btn-outline:hover {
|
||||
background-color: var(--accent);
|
||||
}
|
||||
|
||||
.btn-ghost {
|
||||
background-color: transparent;
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
.btn-ghost:hover {
|
||||
background-color: var(--accent);
|
||||
}
|
||||
|
||||
.btn-destructive {
|
||||
background-color: var(--destructive);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-destructive:hover {
|
||||
background-color: rgba(220, 38, 38, 0.9);
|
||||
}
|
||||
|
||||
/* Button Sizes */
|
||||
.btn-sm {
|
||||
padding: var(--spacing-xs) var(--spacing-md);
|
||||
font-size: var(--font-size-xs);
|
||||
min-height: 2rem;
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
padding: var(--spacing-md) var(--spacing-xl);
|
||||
font-size: var(--font-size-base);
|
||||
min-height: 2.75rem;
|
||||
}
|
||||
|
||||
.btn-icon {
|
||||
padding: var(--spacing-sm);
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Form Components
|
||||
======================================== */
|
||||
.form-input {
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: var(--spacing-sm) var(--spacing-md);
|
||||
color: var(--foreground);
|
||||
font-size: var(--font-size-sm);
|
||||
outline: none;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
border-color: var(--ring);
|
||||
box-shadow: 0 0 0 3px rgba(136, 136, 136, 0.5);
|
||||
}
|
||||
|
||||
.form-input::placeholder {
|
||||
color: var(--muted-foreground);
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Badge Components
|
||||
======================================== */
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: var(--radius);
|
||||
border: 1px solid;
|
||||
padding: 0.125rem var(--spacing-sm);
|
||||
font-size: var(--font-size-xs);
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Priority Badge Variants */
|
||||
.badge-priority-high {
|
||||
background: rgba(127, 29, 29, 0.3);
|
||||
color: rgb(252, 165, 165);
|
||||
border: 1px solid rgba(153, 27, 27, 0.5);
|
||||
}
|
||||
|
||||
.badge-priority-medium {
|
||||
background: rgba(120, 53, 15, 0.3);
|
||||
color: rgb(252, 211, 77);
|
||||
border: 1px solid rgba(146, 64, 14, 0.5);
|
||||
}
|
||||
|
||||
.badge-priority-low {
|
||||
background: rgba(20, 83, 45, 0.3);
|
||||
color: rgb(134, 239, 172);
|
||||
border: 1px solid rgba(22, 101, 52, 0.5);
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Tab Components
|
||||
======================================== */
|
||||
.tab-list {
|
||||
display: flex;
|
||||
gap: var(--spacing-sm);
|
||||
margin-bottom: var(--spacing-xl);
|
||||
}
|
||||
|
||||
.tab-button {
|
||||
background-color: transparent;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
color: var(--foreground);
|
||||
text-transform: capitalize;
|
||||
font-weight: 500;
|
||||
transition: all 0.2s ease;
|
||||
padding: var(--spacing-sm) var(--spacing-md);
|
||||
border-radius: var(--radius);
|
||||
cursor: pointer;
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.tab-button:hover {
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.tab-button.active {
|
||||
background-color: #f8f9fa !important;
|
||||
color: #1a1a1a !important;
|
||||
border-color: #f8f9fa !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tab-button.active:hover {
|
||||
background-color: #e9ecef !important;
|
||||
border-color: #e9ecef !important;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Typography
|
||||
======================================== */
|
||||
.text-xs { font-size: var(--font-size-xs); }
|
||||
.text-sm { font-size: var(--font-size-sm); }
|
||||
.text-base { font-size: var(--font-size-base); }
|
||||
.text-lg { font-size: var(--font-size-lg); }
|
||||
.text-xl { font-size: var(--font-size-xl); }
|
||||
.text-2xl { font-size: var(--font-size-2xl); }
|
||||
.text-3xl { font-size: var(--font-size-3xl); }
|
||||
.text-4xl { font-size: var(--font-size-4xl); }
|
||||
|
||||
.font-normal { font-weight: 400; }
|
||||
.font-medium { font-weight: 500; }
|
||||
.font-semibold { font-weight: 600; }
|
||||
.font-bold { font-weight: 700; }
|
||||
|
||||
.text-primary { color: var(--primary); }
|
||||
.text-muted { color: var(--muted-foreground); }
|
||||
.text-destructive { color: var(--destructive); }
|
||||
|
||||
.gradient-text {
|
||||
background: linear-gradient(to right, var(--primary), rgba(236, 236, 236, 0.6));
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Icon System
|
||||
======================================== */
|
||||
.icon {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
fill: currentColor;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.icon-sm { width: 0.875rem; height: 0.875rem; }
|
||||
.icon-lg { width: 1.25rem; height: 1.25rem; }
|
||||
.icon-xl { width: 1.5rem; height: 1.5rem; }
|
||||
.icon-2xl { width: 2rem; height: 2rem; }
|
||||
|
||||
/* ========================================
|
||||
Interactive Components
|
||||
======================================== */
|
||||
.checkbox {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.checkbox:hover {
|
||||
border-color: var(--ring);
|
||||
}
|
||||
|
||||
.checkbox.checked {
|
||||
background-color: rgb(22, 163, 74);
|
||||
border-color: rgb(22, 163, 74);
|
||||
}
|
||||
|
||||
.checkbox.checked::after {
|
||||
content: '✓';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
color: white;
|
||||
font-size: 0.75rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
List Components
|
||||
======================================== */
|
||||
.list-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--spacing-lg);
|
||||
padding: var(--spacing-lg);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.025);
|
||||
}
|
||||
|
||||
.list-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.list-item.completed {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Empty State Component
|
||||
======================================== */
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: var(--spacing-3xl) var(--spacing-lg);
|
||||
color: var(--muted-foreground);
|
||||
}
|
||||
|
||||
.empty-state .icon {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
margin: 0 auto var(--spacing-lg);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Utility Classes
|
||||
======================================== */
|
||||
.hidden { display: none; }
|
||||
.block { display: block; }
|
||||
.flex { display: flex; }
|
||||
.inline-flex { display: inline-flex; }
|
||||
|
||||
.w-full { width: 100%; }
|
||||
.h-full { height: 100%; }
|
||||
.min-h-screen { min-height: 100vh; }
|
||||
|
||||
.opacity-50 { opacity: 0.5; }
|
||||
.opacity-60 { opacity: 0.6; }
|
||||
.opacity-75 { opacity: 0.75; }
|
||||
|
||||
.transition-all { transition: all 0.2s ease; }
|
||||
.transition-colors { transition: color 0.2s ease, background-color 0.2s ease; }
|
||||
.transition-opacity { transition: opacity 0.2s ease; }
|
||||
|
||||
/* ========================================
|
||||
Responsive Design
|
||||
======================================== */
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
padding: var(--spacing-lg);
|
||||
}
|
||||
|
||||
.grid-cols-auto {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.flex-col-mobile {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.text-center-mobile {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gap-sm-mobile { gap: var(--spacing-sm); }
|
||||
|
||||
.hidden-mobile { display: none; }
|
||||
.block-mobile { display: block; }
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.text-2xl { font-size: var(--font-size-xl); }
|
||||
.text-3xl { font-size: var(--font-size-2xl); }
|
||||
.text-4xl { font-size: var(--font-size-3xl); }
|
||||
|
||||
.container {
|
||||
padding: var(--spacing-lg) var(--spacing-sm);
|
||||
}
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Animation Utilities
|
||||
======================================== */
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; transform: translateY(10px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
.animate-fade-in {
|
||||
animation: fadeIn 0.3s ease-out;
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Focus & Accessibility
|
||||
======================================== */
|
||||
.focus-visible:focus-visible {
|
||||
outline: 2px solid var(--ring);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
* {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
}
|
||||
}
|
||||
BIN
web_frontend/data/agent头像/会展执行专家.jpg
Executable file
|
After Width: | Height: | Size: 329 KiB |
BIN
web_frontend/data/agent头像/会展策划专家.jpg
Executable file
|
After Width: | Height: | Size: 323 KiB |
BIN
web_frontend/data/agent头像/信息检索专家.jpg
Executable file
|
After Width: | Height: | Size: 332 KiB |
BIN
web_frontend/data/agent头像/结构编辑专家.jpg
Executable file
|
After Width: | Height: | Size: 328 KiB |
BIN
web_frontend/data/agent头像/营销策划专家.jpg
Executable file
|
After Width: | Height: | Size: 299 KiB |
BIN
web_frontend/data/agent头像/设计专家.jpg
Executable file
|
After Width: | Height: | Size: 343 KiB |
BIN
web_frontend/data/agent头像/预算编辑专家.jpg
Executable file
|
After Width: | Height: | Size: 342 KiB |
BIN
web_frontend/data/会展策划/2.试驾小景.jpg
Executable file
|
After Width: | Height: | Size: 510 KiB |
BIN
web_frontend/data/会展策划/3.小米汽车.jpg
Executable file
|
After Width: | Height: | Size: 398 KiB |
BIN
web_frontend/data/会展策划/Whisk_03282ab7e5.jpg
Executable file
|
After Width: | Height: | Size: 422 KiB |
BIN
web_frontend/data/会展策划/Whisk_15f65339bb.jpg
Executable file
|
After Width: | Height: | Size: 352 KiB |
BIN
web_frontend/data/会展策划/Whisk_192cdc54bc.jpg
Executable file
|
After Width: | Height: | Size: 494 KiB |
BIN
web_frontend/data/会展策划/Whisk_1c05424f7f.jpg
Executable file
|
After Width: | Height: | Size: 427 KiB |
BIN
web_frontend/data/会展策划/Whisk_27184afa6e.jpg
Executable file
|
After Width: | Height: | Size: 423 KiB |
BIN
web_frontend/data/会展策划/Whisk_2a9b622636.jpg
Executable file
|
After Width: | Height: | Size: 591 KiB |
BIN
web_frontend/data/会展策划/Whisk_4aabd94ef3.jpg
Executable file
|
After Width: | Height: | Size: 404 KiB |
BIN
web_frontend/data/会展策划/Whisk_5c4b912ea7.jpg
Executable file
|
After Width: | Height: | Size: 503 KiB |
BIN
web_frontend/data/会展策划/Whisk_8236005bb2.jpg
Executable file
|
After Width: | Height: | Size: 403 KiB |
BIN
web_frontend/data/会展策划/Whisk_9e8c1f44ac.jpg
Executable file
|
After Width: | Height: | Size: 516 KiB |
BIN
web_frontend/data/会展策划/Whisk_be64a7b61f.jpg
Executable file
|
After Width: | Height: | Size: 330 KiB |
BIN
web_frontend/data/会展策划/Whisk_c478fe089d.jpg
Executable file
|
After Width: | Height: | Size: 412 KiB |
BIN
web_frontend/data/会展策划/Whisk_dcc81c5212.jpg
Executable file
|
After Width: | Height: | Size: 303 KiB |
BIN
web_frontend/data/会展策划/Whisk_e2ffe75dbc 1.jpg
Executable file
|
After Width: | Height: | Size: 397 KiB |
BIN
web_frontend/data/会展策划/Whisk_e2ffe75dbc.jpg
Executable file
|
After Width: | Height: | Size: 397 KiB |
BIN
web_frontend/data/会展策划/Whisk_e8f83d1a37.jpg
Executable file
|
After Width: | Height: | Size: 474 KiB |
BIN
web_frontend/data/会展策划/Whisk_f3f954649c.jpg
Executable file
|
After Width: | Height: | Size: 390 KiB |
BIN
web_frontend/data/会展策划/博览会.jpg
Executable file
|
After Width: | Height: | Size: 700 KiB |
BIN
web_frontend/data/会展策划/展会内部参观.jpg
Executable file
|
After Width: | Height: | Size: 624 KiB |
BIN
web_frontend/data/会展策划/展馆布置图.jpeg
Executable file
|
After Width: | Height: | Size: 320 KiB |
300
web_frontend/data/会展策划/汽车展会展策划案 266405c1652381f9b607ecd178ad93dd.md
Executable file
@@ -0,0 +1,300 @@
|
||||
# 汽车展会展策划案
|
||||
|
||||
## 一、策划案概述
|
||||
|
||||
参考图片:
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
### 1. 封面
|
||||
|
||||
- 展会名称:2024长三角国际新能源汽车与智能交通产业博览会
|
||||
- 策划案名称:Green Mobility Shanghai 2024 执行策划案
|
||||
- 策划单位:上海国际会展集团会展策划部
|
||||
- 日期:20xx年xx月xx日
|
||||
|
||||
### 2. 目录
|
||||
|
||||
- 一、策划案概述:P1
|
||||
- 二、展会介绍与预期效果:P3
|
||||
- 三、营销方案:P8
|
||||
- 四、现场运营方案:P15
|
||||
- 五、预算与收益分析:P22
|
||||
- 六、风险评估与应急预案:P28
|
||||
|
||||
### 3. 策划背景
|
||||
|
||||
内容:
|
||||
|
||||
在全球碳中和目标推动下,新能源汽车产业迎来爆发式增长。长三角地区作为中国汽车产业核心集群,聚集了特斯拉、上汽、蔚来等龙头企业,新能源汽车产量占全国40%以上。同时,智能网联、自动驾驶技术快速发展,智慧交通体系建设加速推进。然而,行业缺乏一个整合整车制造、核心零部件、智能技术、基础设施的全产业链展示平台。本次展会将填补这一市场空白,打造长三角地区最具影响力的新能源汽车与智能交通产业盛会。
|
||||
|
||||
依据:
|
||||
|
||||
- 《新能源汽车产业发展规划(2021-2035年)》政策支持
|
||||
- 长三角一体化发展战略深入实施
|
||||
- 上海市打造国际新能源汽车发展高地规划
|
||||
- 市场调研显示89%的产业链企业有参展需求
|
||||
|
||||
### 4. 策划目的
|
||||
|
||||
- 品牌建设目的:打造长三角地区新能源汽车与智能交通领域第一展会品牌
|
||||
- 商业目的:吸引300家优质展商,实现现场意向交易额超8亿元人民币
|
||||
- 行业目的:促进产业链上下游合作,推动技术创新和产业升级
|
||||
- 社会目的:推广绿色出行理念,助力碳中和目标实现
|
||||
|
||||
### 5. 策划依据
|
||||
|
||||
政策依据:
|
||||
|
||||
- 《上海市加快新能源汽车产业发展实施计划》
|
||||
- 《长三角地区新能源汽车产业链协同发展规划》
|
||||
|
||||
市场依据:
|
||||
|
||||
- 2023年新能源汽车销量同比增长35%
|
||||
- 智能网联汽车市场规模突破千亿元
|
||||
|
||||
资源依据:
|
||||
|
||||
- 与20余家行业协会建立合作关系
|
||||
- 往届相关展会数据库包含5万+专业观众信息
|
||||
|
||||
## 二、展会介绍与预期效果
|
||||
|
||||
参考图片:
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
### 1. 展会主题
|
||||
|
||||
「智行未来,绿动长三角」——2024长三角国际新能源汽车与智能交通产业博览会
|
||||
|
||||
### 2. 展会地址
|
||||
|
||||
- 主展馆:国家会展中心(上海)
|
||||
- 地址:上海市青浦区崧泽大道333号
|
||||
- 选择理由:
|
||||
- 地理位置优越,交通便利
|
||||
- 设施完善,展馆面积充足
|
||||
- 配套服务齐全,经验丰富
|
||||
|
||||
### 3. 展品范围
|
||||
|
||||
- 整车展区:纯电动汽车、插电式混合动力汽车、智能网联汽车
|
||||
- 核心零部件展区:电池电机电控系统、智能驾驶系统、车联网设备、充电设施
|
||||
- 智能交通展区:智慧路网系统、车路协同解决方案、智能停车系统、出行服务平台
|
||||
- 配套服务展区:金融服务、检测认证、咨询服务、媒体服务
|
||||
|
||||
### 4. 举办时间
|
||||
|
||||
- 展期:2024年9月12日-9月15日(周四至周日)
|
||||
- 开放时间:每日09:00-17:00(16:30停止入场)
|
||||
- 选择理由:避开国庆长假、行业采购旺季、天气适宜
|
||||
|
||||
### 5. 办展机构
|
||||
|
||||
- 主办单位:中国汽车工业协会、上海市经济和信息化委员会、长三角一体化示范区执委会
|
||||
- 承办单位:上海国际会展集团
|
||||
- 协办单位:江苏省汽车行业协会、浙江省新能源汽车产业联盟、安徽省汽车工程学会
|
||||
- 支持单位:国际汽车工程师学会、中国电动汽车百人会、上海交通大学智能网联汽车研究中心
|
||||
|
||||
### 6. 目标参展商
|
||||
|
||||
- 整车企业:特斯拉、比亚迪、上汽、蔚来、理想、小鹏等
|
||||
- 零部件企业:宁德时代、华为智能汽车、百度Apollo、Mobileye等
|
||||
- 科技企业:阿里巴巴、腾讯、科大讯飞等智能网联解决方案提供商
|
||||
- 服务企业:充电运营商、出行服务商、金融机构等
|
||||
|
||||
### 7. 目标观众
|
||||
|
||||
- 专业观众:汽车制造商采购及技术人员、经销商和4S店负责人、政府部门和行业组织代表、投资机构和分析师
|
||||
- 普通观众:新能源汽车潜在消费者、科技爱好者、大学生和研究机构人员
|
||||
|
||||
### 8. 预计规模
|
||||
|
||||
- 展览面积:50,000平方米
|
||||
- 标准展位:1,200个(9平米/个)
|
||||
- 特装展位:20,000平方米
|
||||
- 参展商家数:350家
|
||||
- 参观人次:50,000人次
|
||||
|
||||
### 9. 展会定位
|
||||
|
||||
- 市场定位:B2B2C模式,兼顾专业性与大众性
|
||||
- 品质定位:高端化、国际化、专业化
|
||||
- 特色定位:注重体验互动,突出科技感和未来感
|
||||
|
||||
### 10. 预期效果
|
||||
|
||||
经济效益:
|
||||
|
||||
- 现场成交额预计超10亿元
|
||||
- 带动相关产业收入约30亿元
|
||||
|
||||
社会效益:
|
||||
|
||||
- 媒体曝光量超1亿次
|
||||
- 行业白皮书发布2份
|
||||
- 专业论坛20场
|
||||
|
||||
品牌效益:
|
||||
|
||||
- 参展商满意度90%以上
|
||||
- 专业观众重复参观意愿85%
|
||||
|
||||
## 三、营销方案
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
### 1. 整体推广策略
|
||||
|
||||
- 策略核心:线上线下融合、精准定向投放、多渠道覆盖
|
||||
- 阶段划分:
|
||||
- 预热期(展前6个月):品牌造势,话题营销
|
||||
- 推广期(展前3个月):精准投放,观众组织
|
||||
- 冲刺期(展前1个月):密集宣传,氛围营造
|
||||
- 展期:现场互动,媒体报道
|
||||
- 展后:持续发酵,下届预热
|
||||
|
||||
### 2. 线下推广方案
|
||||
|
||||
- 行业活动:参加北京车展、广州车展等进行推广;在相关行业论坛和峰会进行宣传
|
||||
- 传统媒体:《中国汽车报》、《汽车之家》等媒体投放广告;召开新闻发布会和媒体见面会
|
||||
- 渠道推广:与各地新能源汽车产业园区合作;通过行业协会组织参观团
|
||||
- 户外广告:上海主要商圈LED屏广告;地铁机场灯箱广告;高速公路高炮广告
|
||||
|
||||
### 3. 线上推广方案
|
||||
|
||||
- 官网建设:在线注册系统、展商数据库、活动预约系统、新闻中心;特色功能:3D展馆导航、VR预览
|
||||
- 社交媒体:
|
||||
- 微信:公众号推送、朋友圈广告、小程序互动
|
||||
- 微博:话题营销 #绿色出行看长三角#、大V合作、直播活动
|
||||
- 抖音/快手:短视频、网红探店、挑战赛
|
||||
- 数字广告:搜索引擎关键词竞价;信息流广告(今日头条、腾讯新闻);垂直媒体(汽车之家、易车网)
|
||||
- 邮件营销:数据库10万+联系人;发送频次每月2期;内容包含展商推介、活动预告、行业资讯
|
||||
|
||||
### 4. 精准邀请方案
|
||||
|
||||
- 专业观众邀请:呼叫中心20人团队、一对一重点客户邀请、协会团体邀请
|
||||
- 买家匹配服务:
|
||||
- 会前:在线预约,智能匹配
|
||||
- 展中:商务洽谈区,对接会
|
||||
- 展后:持续跟进,促成交易
|
||||
|
||||
## 四、现场运营方案
|
||||
|
||||
参考图片:
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
### 1. 展区规划
|
||||
|
||||
- 整车展示区:中央展厅,20,000平方米
|
||||
- 零部件展区:西侧展厅,15,000平方米
|
||||
- 智能交通展区:东侧展厅,10,000平方米
|
||||
- 体验互动区:室外广场,5,000平方米
|
||||
|
||||
### 2. 现场服务
|
||||
|
||||
- 登记服务:电子签到系统,快速通道
|
||||
- 咨询服务:多语言服务台,智能机器人导览
|
||||
- 商务服务:会议室租赁,翻译服务
|
||||
- 后勤服务:餐饮区、休息区、医疗点
|
||||
|
||||
### 3. 活动安排
|
||||
|
||||
- 开幕典礼:9月12日上午9:00
|
||||
- 主题论坛:新能源汽车产业发展论坛、智能网联技术创新峰会、充电基础设施建设研讨会
|
||||
- 配套活动:新产品发布会、试乘试驾、技术交流会
|
||||
|
||||
### 4. 展陈设计
|
||||
|
||||
- 设计理念:科技、环保、未来
|
||||
- 色彩方案:主色调科技蓝、环保绿
|
||||
- 灯光设计:LED节能照明,重点突出
|
||||
- 空间布局:流线型,体验式
|
||||
|
||||
## 五、预算与收益分析
|
||||
|
||||
参考图片:
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
### 1. 支出预算
|
||||
|
||||
- 场地费用:300万元
|
||||
- 营销推广:200万元
|
||||
- 人员成本:150万元
|
||||
- 活动执行:100万元
|
||||
- 运营保障:80万元
|
||||
- 应急储备:70万元
|
||||
- **总计:900万元**
|
||||
|
||||
### 2. 收入预算
|
||||
|
||||
- 展位收入:700万元
|
||||
- 赞助收入:300万元
|
||||
- 广告收入:100万元
|
||||
- 门票收入:50万元
|
||||
- 其他收入:50万元
|
||||
- **总计:1,200万元**
|
||||
|
||||
### 3. 收益预测
|
||||
|
||||
- 直接收益:300万元
|
||||
- 间接收益:品牌价值提升、行业影响力扩大
|
||||
- 投资回报率:33.3%
|
||||
|
||||
## 六、风险评估与应急预案
|
||||
|
||||
参考图片
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
### 1. 风险分析
|
||||
|
||||
- 市场风险:行业政策变化、市场竞争加剧
|
||||
- 运营风险:参展商数量不足、观众人数未达预期
|
||||
- 安全风险:消防安全、人员安全
|
||||
- 不可抗力:疫情、恶劣天气
|
||||
|
||||
### 2. 应对措施
|
||||
|
||||
- 市场风险应对:加强政策研究,及时调整策略;提升展会品质,增强竞争力
|
||||
- 运营风险应对:提前签约重点展商;多渠道观众组织
|
||||
- 安全风险应对:完善安保体系;购买保险
|
||||
- 不可抗力应对:制定线上预案;与展馆方保持沟通
|
||||
BIN
web_frontend/data/会展策划/签到.jpg
Executable file
|
After Width: | Height: | Size: 443 KiB |
15
web_frontend/doc/可行性分析.md
Normal file
@@ -0,0 +1,15 @@
|
||||
# 需求评估
|
||||
|
||||
我现在想做一个演示的DEMO,
|
||||
|
||||
|
||||
模拟一个Agent生成状态
|
||||
|
||||
|
||||
1.信息检索专家
|
||||
|
||||
2.
|
||||
|
||||
|
||||
# 演示输出文档
|
||||
https://www.notion.so/266405c1652381f9b607ecd178ad93dd
|
||||