Golden Suisse 金融官网产品系统

该项目为金融服务类企业官网项目，主要面向潜在客户、合作伙伴及海外用户，用于展示公司品牌形象、金融产品服务、业务优势、联系方式及合规信息。项目立项原因是需要建设一个专业、稳定、国际化且具备良好视觉体验的金融官网，提升品牌可信度、用户浏览体验和搜索引擎收录效果。由于金融行业对品牌形象、页面质感、信息可信度和多端访问体验要求较高，因此项目在页面结构、交互动效、SEO 以及多语言展示方面都进行了重点设计和实现。

项目主要功能模块包括：首页品牌展示、产品与服务介绍、关于我们、联系我们、办公室信息、法律声明、隐私政策、多语言内容展示、响应式页面适配、SEO 基础优化、页面路由管理、静态资源加载、第三方统计工具接入、全站丝滑滚动以及页面进入视口后的动画展示效果。用户可以通过官网了解公司的核心业务、产品特点、服务范围及联系渠道，并在不同设备和语言环境下获得统一、流畅的浏览体验。项目整体注重金融官网所需的专业感、安全感、稳定性和视觉表现力。

我主要负责该金融官网前端部分从 0 到 1 的搭建与开发，包括 Nuxt3 项目初始化、页面结构设计、公共组件封装、路由配置、页面开发、响应式适配、多语言配置、SEO 标签处理、接口联调、Bug 修复及上线部署相关问题排查。项目技术栈主要使用 Nuxt3、Vue3、JavaScript、HTML、CSS、i18n、smooth-scrollbar、GSAP、IntersectionObserver 等。实现上通过 smooth-scrollbar 完成全站丝滑滚动体验，通过 GSAP 封装页面动效，并结合 IntersectionObserver 监听带有 data-anim 属性的元素，在元素进入可视区域时按需触发动画，同时支持动画延迟和动画时长配置，避免一次性执行过多动画影响性能。项目亮点包括金融官网视觉动效体验、多语言内容维护、SEO 友好结构、响应式适配、组件复用、线上环境问题排查以及全站交互动效的统一封装。