Files
niumalll/website/cases.html
mapleaf a9209b9c75 docs(website): 重构关于页面布局和内容
- 更新页面布局,优化导航栏和面包屑导航
- 重新组织页面内容,突出公司使命和价值观
- 添加发展历程和核心团队介绍
- 更新合作伙伴展示方式
- 调整页脚内容,增加社交媒体链接
2025-09-10 20:09:58 +08:00

360 lines
19 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>客户案例 - 活牛采购智能数字化系统</title>
<meta name="description" content="活牛采购智能数字化系统成功案例展示,真实客户评价和使用效果验证,为您选择数字化采购解决方案提供参考。">
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.0/font/bootstrap-icons.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<!-- AOS Animation -->
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<!-- 自定义样式 -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow-sm">
<div class="container">
<a class="navbar-brand" href="index.html">
<span class="ms-2 fw-bold">活牛采购智能数字化系统</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="product.html">产品介绍</a>
</li>
<li class="nav-item">
<a class="nav-link" href="solutions.html">解决方案</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="cases.html">客户案例</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">关于我们</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">新闻动态</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">联系我们</a>
</li>
</ul>
<div class="ms-3">
<a href="contact.html" class="btn btn-primary">免费试用</a>
</div>
</div>
</div>
</nav>
<!-- 面包屑导航 -->
<nav aria-label="breadcrumb" class="pt-5 mt-5">
<div class="container">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">首页</a></li>
<li class="breadcrumb-item active" aria-current="page">客户案例</li>
</ol>
</div>
</nav>
<!-- 客户案例 -->
<section class="py-5">
<div class="container">
<div class="text-center mb-5">
<h1 class="display-5 fw-bold mb-4">客户案例</h1>
<p class="lead">看看我们的客户如何通过系统提升业务效率</p>
</div>
<div class="row g-4 mb-5">
<div class="col-md-6 col-lg-4">
<div class="card case-card h-100 border-0">
<img src="images/case1.jpg" class="card-img-top" alt="XX牧业集团" loading="lazy">
<div class="card-body">
<span class="badge bg-primary mb-2">大型企业</span>
<h5 class="card-title">XX牧业集团采购数字化转型</h5>
<p class="card-text">通过实施活牛采购智能数字化系统该集团实现了采购流程标准化采购效率提升40%。</p>
<a href="#case-detail-1" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card case-card h-100 border-0">
<img src="images/case2.jpg" class="card-img-top" alt="YY生态牧场" loading="lazy">
<div class="card-body">
<span class="badge bg-success mb-2">中型企业</span>
<h5 class="card-title">YY生态牧场采购管理升级</h5>
<p class="card-text">该牧场通过系统化管理采购流程,显著降低了采购风险,提升了供应商管理效率。</p>
<a href="#case-detail-2" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card case-card h-100 border-0">
<img src="images/case3.jpg" class="card-img-top" alt="ZZ活牛贸易平台" loading="lazy">
<div class="card-body">
<span class="badge bg-info mb-2">贸易商</span>
<h5 class="card-title">ZZ活牛贸易平台业务优化</h5>
<p class="card-text">贸易商通过系统实现了多方交易协调,显著提升了交易效率和资金安全性。</p>
<a href="#case-detail-3" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
</div>
<!-- 案例详情 -->
<div id="case-detail-1" class="card mb-5">
<div class="card-body">
<h2 class="card-title">XX牧业集团采购数字化转型</h2>
<span class="badge bg-primary mb-3">大型企业</span>
<h4 class="mt-4">客户背景</h4>
<p>XX牧业集团是国内知名的大型畜牧养殖企业年活牛采购量超过5000头拥有多个采购点和供应商。</p>
<h4 class="mt-4">面临挑战</h4>
<ul>
<li>供应商管理分散,缺乏统一标准</li>
<li>采购流程复杂,审批环节多</li>
<li>数据统计困难,难以进行有效分析</li>
<li>运输过程不透明,风险控制困难</li>
</ul>
<h4 class="mt-4">解决方案</h4>
<p>为该集团部署了企业版活牛采购智能数字化系统,包含供应商管理、采购计划、质检流程、运输跟踪、财务结算等全功能模块。</p>
<h4 class="mt-4">实施效果</h4>
<div class="row">
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-primary">40%</div>
<div class="stat-label">采购效率提升</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-primary">30%</div>
<div class="stat-label">采购成本降低</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-primary">95%</div>
<div class="stat-label">数据准确性</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-primary">100%</div>
<div class="stat-label">流程标准化</div>
</div>
</div>
</div>
<h4 class="mt-4">客户评价</h4>
<blockquote class="blockquote">
<p>"活牛采购智能数字化系统的实施,彻底改变了我们传统的采购管理模式。现在我们可以实时掌握采购全流程,大大提升了管理效率和决策水平。"</p>
<footer class="blockquote-footer">XX牧业集团采购总监</footer>
</blockquote>
</div>
</div>
<div id="case-detail-2" class="card mb-5">
<div class="card-body">
<h2 class="card-title">YY生态牧场采购管理升级</h2>
<span class="badge bg-success mb-3">中型企业</span>
<h4 class="mt-4">客户背景</h4>
<p>YY生态牧场是一家专注于生态养殖的中型牧场年采购活牛约800头注重产品质量和可持续发展。</p>
<h4 class="mt-4">面临挑战</h4>
<ul>
<li>采购计划制定缺乏科学依据</li>
<li>供应商评估标准不统一</li>
<li>质检流程不规范,存在风险</li>
<li>成本控制困难,利润空间压缩</li>
</ul>
<h4 class="mt-4">解决方案</h4>
<p>为该牧场部署了标准版活牛采购智能数字化系统,重点优化采购计划、供应商管理、质检流程等功能模块。</p>
<h4 class="mt-4">实施效果</h4>
<div class="row">
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-success">25%</div>
<div class="stat-label">采购成本降低</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-success">50%</div>
<div class="stat-label">质检效率提升</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-success">100%</div>
<div class="stat-label">供应商标准化</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-success">90%</div>
<div class="stat-label">客户满意度</div>
</div>
</div>
</div>
<h4 class="mt-4">客户评价</h4>
<blockquote class="blockquote">
<p>"系统帮助我们建立了科学的采购管理体系,不仅降低了成本,更重要的是提升了产品质量控制水平,为我们的生态养殖理念提供了有力支撑。"</p>
<footer class="blockquote-footer">YY生态牧场总经理</footer>
</blockquote>
</div>
</div>
<div id="case-detail-3" class="card mb-5">
<div class="card-body">
<h2 class="card-title">ZZ活牛贸易平台业务优化</h2>
<span class="badge bg-info mb-3">贸易商</span>
<h4 class="mt-4">客户背景</h4>
<p>ZZ活牛贸易平台是一家专业的活牛贸易商年交易量约3000头连接多个养殖场和买家。</p>
<h4 class="mt-4">面临挑战</h4>
<ul>
<li>多方交易协调困难</li>
<li>订单跟踪不及时,容易出错</li>
<li>结算流程复杂,风险较高</li>
<li>缺乏有效数据分析,决策困难</li>
</ul>
<h4 class="mt-4">解决方案</h4>
<p>为该贸易平台定制开发了贸易商专用版系统,重点强化订单管理、多方协调、结算风控等功能。</p>
<h4 class="mt-4">实施效果</h4>
<div class="row">
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-info">35%</div>
<div class="stat-label">交易效率提升</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-info">99%</div>
<div class="stat-label">订单准确率</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-info">50%</div>
<div class="stat-label">结算风险降低</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-light rounded">
<div class="stat-number display-6 text-info">100%</div>
<div class="stat-label">交易透明化</div>
</div>
</div>
</div>
<h4 class="mt-4">客户评价</h4>
<blockquote class="blockquote">
<p>"数字化系统让我们的贸易业务更加透明高效,多方协调变得轻松简单,客户满意度大幅提升。这正是我们一直在寻找的解决方案。"</p>
<footer class="blockquote-footer">ZZ活牛贸易平台运营总监</footer>
</blockquote>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="py-5">
<div class="container">
<div class="card bg-primary text-white border-0 shadow">
<div class="card-body p-5 text-center">
<h3 class="mb-3">开启您的数字化采购之旅</h3>
<p class="mb-4">立即申请免费试用,体验活牛采购智能数字化系统带来的效率提升</p>
<a href="contact.html" class="btn btn-light btn-lg">免费试用</a>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-4 mb-lg-0">
<h5 class="footer-title">活牛采购智能数字化系统</h5>
<p>专业的活牛采购全流程数字化管理解决方案,提升采购效率,降低经营风险。</p>
<div class="d-flex">
<a href="#" class="social-icon"><i class="fab fa-weixin"></i></a>
<a href="#" class="social-icon"><i class="fab fa-weibo"></i></a>
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
<h5 class="footer-title">产品</h5>
<ul class="list-unstyled">
<li class="mb-2"><a href="product.html">功能介绍</a></li>
<li class="mb-2"><a href="solutions.html">解决方案</a></li>
<li class="mb-2"><a href="cases.html">客户案例</a></li>
<li class="mb-2"><a href="news.html">更新日志</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
<h5 class="footer-title">支持</h5>
<ul class="list-unstyled">
<li class="mb-2"><a href="#">帮助中心</a></li>
<li class="mb-2"><a href="#">在线客服</a></li>
<li class="mb-2"><a href="#">开发者文档</a></li>
<li class="mb-2"><a href="#">合作伙伴</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-4">
<h5 class="footer-title">联系我们</h5>
<ul class="list-unstyled">
<li class="mb-2"><i class="fas fa-map-marker-alt me-2"></i> 北京市朝阳区xxx街道xxx号</li>
<li class="mb-2"><i class="fas fa-phone me-2"></i> 400-xxx-xxxx</li>
<li class="mb-2"><i class="fas fa-envelope me-2"></i> info@example.com</li>
</ul>
</div>
</div>
<div class="copyright text-center">
<p>&copy; 2023 活牛采购智能数字化系统. 保留所有权利。</p>
</div>
</div>
</footer>
<!-- 返回顶部按钮 -->
<button class="back-to-top" aria-label="返回顶部">
<i class="fas fa-arrow-up"></i>
</button>
<!-- Bootstrap JS -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<!-- AOS Animation -->
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
<!-- 自定义脚本 -->
<script src="js/main.js"></script>
</body>
</html>