|
|
@@ -3,111 +3,154 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/cli
|
|
|
import { Button } from '@/client/components/ui/button';
|
|
|
import { Badge } from '@/client/components/ui/badge';
|
|
|
import { Separator } from '@/client/components/ui/separator';
|
|
|
-import {
|
|
|
- Layout,
|
|
|
- Palette,
|
|
|
- Code,
|
|
|
- Users,
|
|
|
- Target,
|
|
|
+import {
|
|
|
+ Layout,
|
|
|
+ Palette,
|
|
|
+ Code,
|
|
|
+ Users,
|
|
|
+ Target,
|
|
|
Clock,
|
|
|
CheckCircle,
|
|
|
ArrowRight,
|
|
|
Zap,
|
|
|
Shield,
|
|
|
- BarChart
|
|
|
+ BarChart,
|
|
|
+ FileText,
|
|
|
+ Search,
|
|
|
+ FileCheck,
|
|
|
+ Calculator,
|
|
|
+ Archive
|
|
|
} from 'lucide-react';
|
|
|
|
|
|
export default function DesignPlanningPage() {
|
|
|
const services = [
|
|
|
{
|
|
|
- icon: <Layout className="h-8 w-8" />,
|
|
|
- title: "UI/UX设计",
|
|
|
- description: "用户界面与用户体验设计,打造直观易用的产品界面",
|
|
|
- features: ["用户研究", "交互设计", "视觉设计", "原型测试"],
|
|
|
+ icon: <Search className="h-8 w-8" />,
|
|
|
+ title: "项目前期咨询",
|
|
|
+ description: "项目可行性评估、需求分析、技术路线规划等前期咨询服务",
|
|
|
+ features: ["需求调研分析", "技术可行性评估", "投资预算估算", "项目风险识别"],
|
|
|
color: "text-blue-600",
|
|
|
bgColor: "bg-blue-50"
|
|
|
},
|
|
|
{
|
|
|
- icon: <Palette className="h-8 w-8" />,
|
|
|
- title: "品牌视觉设计",
|
|
|
- description: "企业品牌形象设计,建立统一的视觉识别系统",
|
|
|
- features: ["Logo设计", "VI系统", "品牌手册", "应用规范"],
|
|
|
+ icon: <FileText className="h-8 w-8" />,
|
|
|
+ title: "项目建议书编制",
|
|
|
+ description: "编制专业的项目建议书,为项目立项提供决策依据",
|
|
|
+ features: ["项目背景分析", "建设目标制定", "实施方案设计", "投资效益分析"],
|
|
|
color: "text-purple-600",
|
|
|
bgColor: "bg-purple-50"
|
|
|
},
|
|
|
{
|
|
|
- icon: <Code className="h-8 w-8" />,
|
|
|
- title: "产品架构设计",
|
|
|
- description: "技术架构与系统设计,确保产品的可扩展性和稳定性",
|
|
|
- features: ["技术选型", "系统架构", "数据库设计", "API设计"],
|
|
|
+ icon: <FileCheck className="h-8 w-8" />,
|
|
|
+ title: "可行性研究报告",
|
|
|
+ description: "深入分析项目可行性,为投资决策提供科学依据",
|
|
|
+ features: ["市场分析", "技术方案评估", "经济评价", "社会效益分析"],
|
|
|
color: "text-green-600",
|
|
|
bgColor: "bg-green-50"
|
|
|
},
|
|
|
{
|
|
|
- icon: <Users className="h-8 w-8" />,
|
|
|
- title: "用户体验规划",
|
|
|
- description: "全面的用户体验策略规划,提升产品用户满意度",
|
|
|
- features: ["用户旅程", "可用性测试", "数据分析", "优化建议"],
|
|
|
+ icon: <Layout className="h-8 w-8" />,
|
|
|
+ title: "初步设计方案",
|
|
|
+ description: "制定项目初步设计方案,明确技术路线和实施路径",
|
|
|
+ features: ["系统架构设计", "功能模块规划", "技术选型建议", "实施计划制定"],
|
|
|
color: "text-orange-600",
|
|
|
bgColor: "bg-orange-50"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: <Shield className="h-8 w-8" />,
|
|
|
+ title: "深化审计服务",
|
|
|
+ description: "项目深化设计阶段的审计服务,确保设计质量",
|
|
|
+ features: ["设计文件审查", "技术规范验证", "成本控制分析", "质量风险评估"],
|
|
|
+ color: "text-red-600",
|
|
|
+ bgColor: "bg-red-50"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: <Calculator className="h-8 w-8" />,
|
|
|
+ title: "项目造价咨询",
|
|
|
+ description: "项目投资估算、概预算编制、成本控制等造价咨询服务",
|
|
|
+ features: ["投资估算编制", "概预算审核", "成本控制方案", "变更造价管理"],
|
|
|
+ color: "text-indigo-600",
|
|
|
+ bgColor: "bg-indigo-50"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: <Archive className="h-8 w-8" />,
|
|
|
+ title: "竣工资料编制",
|
|
|
+ description: "项目竣工验收阶段的资料编制和归档服务",
|
|
|
+ features: ["竣工图纸整理", "技术文档编制", "验收资料准备", "档案归档管理"],
|
|
|
+ color: "text-teal-600",
|
|
|
+ bgColor: "bg-teal-50"
|
|
|
}
|
|
|
];
|
|
|
|
|
|
const processSteps = [
|
|
|
{
|
|
|
step: 1,
|
|
|
- title: "需求分析",
|
|
|
- description: "深入了解业务需求,明确设计目标",
|
|
|
- icon: <Target className="h-6 w-6" />,
|
|
|
- duration: "1-2周"
|
|
|
+ title: "项目前期咨询",
|
|
|
+ description: "深入调研项目需求,进行可行性分析和初步规划",
|
|
|
+ icon: <Search className="h-6 w-6" />,
|
|
|
+ duration: "2-4周"
|
|
|
},
|
|
|
{
|
|
|
step: 2,
|
|
|
- title: "概念设计",
|
|
|
- description: "创意构思,确定设计方向和风格",
|
|
|
- icon: <Palette className="h-6 w-6" />,
|
|
|
- duration: "2-3周"
|
|
|
+ title: "项目建议书编制",
|
|
|
+ description: "编制项目建议书,明确项目建设目标和实施方案",
|
|
|
+ icon: <FileText className="h-6 w-6" />,
|
|
|
+ duration: "3-5周"
|
|
|
},
|
|
|
{
|
|
|
step: 3,
|
|
|
- title: "详细设计",
|
|
|
- description: "完成界面设计和交互细节",
|
|
|
- icon: <Layout className="h-6 w-6" />,
|
|
|
- duration: "3-4周"
|
|
|
+ title: "可行性研究",
|
|
|
+ description: "进行详细的技术经济分析,评估项目可行性",
|
|
|
+ icon: <FileCheck className="h-6 w-6" />,
|
|
|
+ duration: "4-6周"
|
|
|
},
|
|
|
{
|
|
|
step: 4,
|
|
|
- title: "原型开发",
|
|
|
- description: "制作可交互原型,进行用户测试",
|
|
|
- icon: <Code className="h-6 w-6" />,
|
|
|
- duration: "2-3周"
|
|
|
+ title: "初步设计",
|
|
|
+ description: "制定项目初步设计方案,明确技术路线",
|
|
|
+ icon: <Layout className="h-6 w-6" />,
|
|
|
+ duration: "5-8周"
|
|
|
},
|
|
|
{
|
|
|
step: 5,
|
|
|
- title: "优化迭代",
|
|
|
- description: "根据反馈优化设计,完善细节",
|
|
|
- icon: <CheckCircle className="h-6 w-6" />,
|
|
|
- duration: "1-2周"
|
|
|
+ title: "深化审计",
|
|
|
+ description: "对设计方案进行深化审计,确保质量和合规性",
|
|
|
+ icon: <Shield className="h-6 w-6" />,
|
|
|
+ duration: "3-5周"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ step: 6,
|
|
|
+ title: "造价咨询",
|
|
|
+ description: "编制项目投资估算和概预算,进行成本控制",
|
|
|
+ icon: <Calculator className="h-6 w-6" />,
|
|
|
+ duration: "2-4周"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ step: 7,
|
|
|
+ title: "竣工资料",
|
|
|
+ description: "整理项目竣工资料,完成验收和归档",
|
|
|
+ icon: <Archive className="h-6 w-6" />,
|
|
|
+ duration: "2-3周"
|
|
|
}
|
|
|
];
|
|
|
|
|
|
const caseStudies = [
|
|
|
{
|
|
|
- title: "金融科技平台设计",
|
|
|
- description: "为某大型金融机构设计移动端理财平台",
|
|
|
- results: ["用户满意度提升35%", "交易转化率增加20%", "操作效率提升50%"],
|
|
|
- industry: "金融"
|
|
|
+ title: "智慧政务平台咨询",
|
|
|
+ description: "为某省级政府提供智慧政务平台全过程咨询服务",
|
|
|
+ results: ["项目投资节省15%", "实施周期缩短30%", "系统稳定性提升40%"],
|
|
|
+ industry: "政务"
|
|
|
},
|
|
|
{
|
|
|
- title: "教育SaaS系统设计",
|
|
|
- description: "在线教育平台的整体用户体验设计",
|
|
|
- results: ["用户留存率提升40%", "课程完成率增加25%", "教师工作效率提升60%"],
|
|
|
- industry: "教育"
|
|
|
+ title: "企业ERP系统咨询",
|
|
|
+ description: "为大型制造企业提供ERP系统全过程咨询服务",
|
|
|
+ results: ["业务流程优化50%", "运营成本降低25%", "决策效率提升60%"],
|
|
|
+ industry: "制造"
|
|
|
},
|
|
|
{
|
|
|
- title: "医疗健康APP设计",
|
|
|
- description: "智能医疗健康管理移动应用设计",
|
|
|
- results: ["日活跃用户增长300%", "用户满意度4.8/5.0", "医疗咨询效率提升70%"],
|
|
|
+ title: "医疗信息化咨询",
|
|
|
+ description: "为三甲医院提供医疗信息化系统全过程咨询服务",
|
|
|
+ results: ["医疗数据准确率99.9%", "患者满意度提升35%", "医疗效率提升45%"],
|
|
|
industry: "医疗"
|
|
|
}
|
|
|
];
|
|
|
@@ -121,29 +164,29 @@ export default function DesignPlanningPage() {
|
|
|
<div className="text-center">
|
|
|
<div className="inline-flex items-center px-4 py-2 rounded-full bg-white/20 backdrop-blur-sm text-sm font-medium mb-6">
|
|
|
<Layout className="h-4 w-4 mr-2" />
|
|
|
- 设计规划服务
|
|
|
+ 信息化项目全过程咨询服务
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<h1 className="text-5xl md:text-6xl font-bold mb-6">
|
|
|
- 专业设计规划
|
|
|
+ 全过程项目咨询
|
|
|
</h1>
|
|
|
-
|
|
|
+
|
|
|
<p className="text-xl md:text-2xl text-blue-100 max-w-3xl mx-auto mb-8">
|
|
|
- 从概念到实现,我们提供全方位的设计规划服务,助力产品成功
|
|
|
+ 从项目前期咨询到竣工资料编制,我们提供全流程信息化项目咨询服务,确保项目成功落地
|
|
|
</p>
|
|
|
|
|
|
<div className="flex flex-wrap justify-center gap-6 mt-8">
|
|
|
<div className="text-center">
|
|
|
- <div className="text-3xl font-bold">50+</div>
|
|
|
- <div className="text-blue-200">成功案例</div>
|
|
|
+ <div className="text-3xl font-bold">200+</div>
|
|
|
+ <div className="text-blue-200">成功项目</div>
|
|
|
</div>
|
|
|
<div className="text-center">
|
|
|
- <div className="text-3xl font-bold">100+</div>
|
|
|
- <div className="text-blue-200">设计项目</div>
|
|
|
+ <div className="text-3xl font-bold">15+</div>
|
|
|
+ <div className="text-blue-200">行业经验</div>
|
|
|
</div>
|
|
|
<div className="text-center">
|
|
|
- <div className="text-3xl font-bold">95%</div>
|
|
|
- <div className="text-blue-200">客户满意度</div>
|
|
|
+ <div className="text-3xl font-bold">98%</div>
|
|
|
+ <div className="text-blue-200">项目成功率</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -154,13 +197,13 @@ export default function DesignPlanningPage() {
|
|
|
<div className="py-20 bg-white">
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
<div className="text-center mb-16">
|
|
|
- <h2 className="text-4xl font-bold text-gray-900 mb-4">设计服务范围</h2>
|
|
|
+ <h2 className="text-4xl font-bold text-gray-900 mb-4">咨询服务范围</h2>
|
|
|
<p className="text-xl text-gray-600 max-w-2xl mx-auto">
|
|
|
- 我们提供从战略规划到具体实施的全流程设计服务
|
|
|
+ 我们提供从项目前期咨询到竣工资料编制的全流程信息化项目咨询服务
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
- <div className="grid md:grid-cols-2 gap-8">
|
|
|
+ <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
|
{services.map((service, index) => (
|
|
|
<Card key={index} className="border-0 shadow-lg hover:shadow-xl transition-all duration-300">
|
|
|
<CardHeader>
|
|
|
@@ -194,8 +237,8 @@ export default function DesignPlanningPage() {
|
|
|
<div className="py-20 bg-gray-50">
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
<div className="text-center mb-16">
|
|
|
- <h2 className="text-4xl font-bold text-gray-900 mb-4">设计流程</h2>
|
|
|
- <p className="text-xl text-gray-600">科学严谨的设计流程,确保项目质量</p>
|
|
|
+ <h2 className="text-4xl font-bold text-gray-900 mb-4">项目咨询流程</h2>
|
|
|
+ <p className="text-xl text-gray-600">科学严谨的项目咨询流程,确保项目顺利实施</p>
|
|
|
</div>
|
|
|
|
|
|
<div className="relative">
|
|
|
@@ -244,7 +287,7 @@ export default function DesignPlanningPage() {
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
<div className="text-center mb-16">
|
|
|
<h2 className="text-4xl font-bold text-gray-900 mb-4">成功案例</h2>
|
|
|
- <p className="text-xl text-gray-600">我们为各行业客户提供专业的设计规划服务</p>
|
|
|
+ <p className="text-xl text-gray-600">我们为各行业客户提供专业的信息化项目咨询服务</p>
|
|
|
</div>
|
|
|
|
|
|
<div className="grid md:grid-cols-3 gap-8">
|
|
|
@@ -275,31 +318,31 @@ export default function DesignPlanningPage() {
|
|
|
<div className="py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white">
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
<div className="text-center mb-16">
|
|
|
- <h2 className="text-4xl font-bold mb-4">设计原则</h2>
|
|
|
- <p className="text-xl text-blue-100">我们坚持的设计理念和标准</p>
|
|
|
+ <h2 className="text-4xl font-bold mb-4">咨询服务原则</h2>
|
|
|
+ <p className="text-xl text-blue-100">我们坚持的咨询服务理念和标准</p>
|
|
|
</div>
|
|
|
|
|
|
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
|
|
{[
|
|
|
{
|
|
|
- icon: <Users className="h-8 w-8" />,
|
|
|
- title: "用户中心",
|
|
|
- description: "始终以用户需求和体验为核心"
|
|
|
+ icon: <Target className="h-8 w-8" />,
|
|
|
+ title: "目标导向",
|
|
|
+ description: "始终以项目目标和客户需求为核心"
|
|
|
},
|
|
|
{
|
|
|
- icon: <Shield className="h-8 w-8" />,
|
|
|
- title: "简洁直观",
|
|
|
- description: "追求简洁明了的设计表达"
|
|
|
+ icon: <CheckCircle className="h-8 w-8" />,
|
|
|
+ title: "专业严谨",
|
|
|
+ description: "坚持专业标准和严谨的工作态度"
|
|
|
},
|
|
|
{
|
|
|
- icon: <Zap className="h-8 w-8" />,
|
|
|
- title: "高效实用",
|
|
|
- description: "注重设计的实用性和效率"
|
|
|
+ icon: <BarChart className="h-8 w-8" />,
|
|
|
+ title: "数据支撑",
|
|
|
+ description: "基于数据分析提供科学决策依据"
|
|
|
},
|
|
|
{
|
|
|
- icon: <BarChart className="h-8 w-8" />,
|
|
|
- title: "数据驱动",
|
|
|
- description: "基于数据分析进行设计决策"
|
|
|
+ icon: <Clock className="h-8 w-8" />,
|
|
|
+ title: "高效执行",
|
|
|
+ description: "注重项目执行效率和成果质量"
|
|
|
}
|
|
|
].map((principle, index) => (
|
|
|
<div key={index} className="text-center">
|
|
|
@@ -318,17 +361,17 @@ export default function DesignPlanningPage() {
|
|
|
<div className="py-20 bg-white">
|
|
|
<div className="max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8">
|
|
|
<h2 className="text-4xl font-bold text-gray-900 mb-4">
|
|
|
- 开始您的设计之旅
|
|
|
+ 开始您的项目咨询
|
|
|
</h2>
|
|
|
<p className="text-xl text-gray-600 mb-8">
|
|
|
- 让我们共同打造卓越的产品体验
|
|
|
+ 让我们共同打造成功的信息化项目
|
|
|
</p>
|
|
|
<Button
|
|
|
size="lg"
|
|
|
className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3"
|
|
|
>
|
|
|
<ArrowRight className="h-4 w-4 mr-2" />
|
|
|
- 咨询设计服务
|
|
|
+ 咨询项目服务
|
|
|
</Button>
|
|
|
</div>
|
|
|
</div>
|