StudioOne 创意品牌工作室官网产品系统

本地中小品牌与初创企业在数字化转型中，缺乏能兼顾品牌质感与性能表现的线上展示窗口，传统工作室官网普遍存在设计同质化、交互体验弱、品牌案例展示不足等问题。该工作室专注于为客户打造专业数字身份，从品牌视觉、网站开发到营销物料设计，因此亟需搭建一个能体现自身设计能力、展示多品类案例、传递品牌理念的官网，同时适配深色模式等个性化体验，满足创意行业对视觉质感与交互体验的双重要求，提升客户转化与品牌影响力。

1. 品牌展示模块：首页通过深色主题、动态渐变背景与品牌 slogan 传递工作室理念，支持深色 / 浅色模式一键切换，打造高端视觉质感；
2. 作品集管理系统：Work 页面展示多行业案例（舞蹈学院、音乐品牌、金融企业等），支持网格 / 列表 / 瀑布流等多种布局切换，每个案例可查看品牌视觉、官网设计、物料设计等完整项目成果；
3. 服务与品牌模块：About 与服务页面介绍工作室核心能力（品牌设计、网站开发、社交媒体设计等），通过品牌客户墙展示合作案例，增强品牌信任度；
4. 交互与转化模块：提供 “Book a Call” 预约咨询入口，搭配 Learn More 等引导按钮，同时适配移动端响应式布局，保障不同设备下的浏览体验；
5. 动效与视觉体验：实现平滑滚动、布局切换动效、图片悬停交互等细节，提升页面整体流畅度与创意质感。

我负责官网前端页面的全流程开发与视觉还原，基于 React/Next.js 实现深色 / 浅色模式切换、响应式布局适配与多端交互优化；完成首页、作品集页、服务页等核心页面的组件化开发，通过 CSS 实现品牌视觉规范的统一落地。项目难点在于平衡复杂动效与页面性能，同时实现作品集多布局切换与案例展示的交互逻辑；亮点是通过深色主题与动态视觉元素还原创意工作室的品牌调性，同时优化移动端适配，保障不同设备下的浏览流畅度与品牌质感。