背景
公司业务拓展需要一套面向海外客户的现代化官网,用于展示制造能力、工厂设施、行业应用案例,并支持客户在线提交RFQ询价。官网需要具备良好的视觉呈现、流畅的浏览体验,以及中英文双语能力。
项目内容
基于 Astro.js 框架构建,结合 React 组件和 TailwindCSS 实现现代化页面设计:
页面结构: 官网包含以下核心页面:
- 首页:Hero 大屏展示、服务亮点、工厂设施图片墙、行业应用场景、技术创新、流程展示、客户评价、CTA 引导
- 能力展示:详细介绍公司的制造能力和技术规格
- 工厂设施:展示工厂产线、设备、质检等硬件实力
- 应用案例:按行业分类展示产品应用场景
- RFQ 询价:在线询价表单,方便客户提交需求
技术亮点:
- 使用 Motion(原 Framer Motion)实现流畅的页面动效和滚动动画
- 基于 Radix UI 构建可访问的交互组件
- i18n 国际化:支持英文和中文双语言切换,路由级别隔离
- 响应式设计,适配桌面端和移动端
- 静态站点生成,性能优异,SEO 友好
项目价值
公司官网的建立为海外客户提供了专业、可信赖的品牌形象展示窗口。双语支持和在线RFQ功能大大降低了跨国客户的沟通门槛,成为公司拓展国际市场的重要数字名片。