项目背景

德诚控股集团，扎根非洲 20 余年，总部位于广州南沙自贸区，业务遍及摩托车整车、配件及农业动力机械。全球布局 20 余家分子公司和 3 座海外工厂，服务网点超五千个，员工逾千人。旗下 APSONIC 品牌在西非销量超 200 万台，估值达 2 亿美元，以卓越用户体验和多元化发展格局著称。

集团旧版网站视觉设计过时、响应式设计不足、缺乏交互性，为了提升企业品牌价值，为用户提供更好的浏览体验而进行集团网站的重塑。

研究阶段

采用标杆研究进行了非洲地区网站的以及摩托车行业的企业网站的收集，分析不同企业网站的亮点和改进点。也利用低保真分析，明确客户的需求特点。

设计阶段

构建信息架构与设计规范确保网站的结构合理、用户体验优秀，并保持 德诚品牌风格统一。

由于非洲相关图片素材较少，使用了 Midjourney、Adobe Firefly 等 AI 工具进行图片处理，解决网站缺少图片以及图片版权的问题

前端开发

利用 Bootstrap、Swiper、等前端框架，大大提高前端开发的工作效率。提供了丰富的 UI 组件、响应式设计、统一的样式和主题、插件和扩展功能等，在构建网站时能够更快速地设计和开发出规范、高质量的界面。后续也采用 Vue 来改写代码，让网站组件和文本数据更加便于管理。

多语言版本：

翻译部分采用 Poe 中的 ChatGPT 、Claude 等 AI 工具进行网站的英文及法语页面翻译，提供比较高质量的翻译结果及快速的翻译速度，然后再进行语言专家校对，从而提升整体的工作效率和质量。

网站分析

Google Analysis 用于收集和分析网站数据，帮助了解用户行为和网站绩效，可以更好地进行网站分析，并优化用户体验。

SEO 优化

网站优化 TDK，部署 SSL 证书，提高网站安全性及搜索排名，目前 SEO 排名能达到各大搜索引擎 Top 3

后续迭代

采用飞书多维表格进行项目管理，收集网站需求并进行整理归类，可以有效的跟踪每个任务的进度以及协调团队成员工作

总结

通过这次项目，我们不仅提升了德诚控股集团的企业形象，还提高了用户体验，使网站更加具有品牌力、冲击力和感染力。

经验和教训

1. 网站图片处理可以采用如 Figma、MasterGo 等在线设计软件，采用 Auto Layout 布局，使得图片尺寸以及组件边距更加便于管理。
2. 英法语版本的网站由于是拉丁字母，相对于中文而言，文字段落会更长，开发时要考虑字号大小以及留更多的间距。中文适合两端对齐，而英法最好左对齐，否则会导致单词间距不均匀。

不足和改进

1. 桌面端还需考虑笔记本电脑显示效果，部分电脑会进行 125%甚至 150%的缩放。
2. 多语言网站采用不同域名，后台较多，管理起来会比较麻烦。
3. 后台仍然是用的比较复古 CMS 系统，不过这大部分也根据后端来进行开发。