科学小舟官网全面升级——品牌视觉与UI/UX全案设计
项目概览
项目名称： 科学小舟官网全面升级项目（品牌视觉 + UI/UX 全案设计）
完成时间： 2026年6月
项目类型： 品牌设计 / 网站界面设计 / 用户体验优化
项目背景
科学小舟作为一家致力于重塑科学认知的新型知识平台，原有官网在品牌传达与用户体验方面存在明显不足。页面结构繁杂、信息层级混乱，用户无法快速找到核心内容，移动端适配也存在大量兼容性问题。创始人希望新官网能够清晰传递”从本质出发，重塑科学认知”的品牌理念，同时提升内容的分发效率和用户停留时长。
设计目标
- 品牌形象升级：统一视觉语言，建立专业、简约、有科技感的品牌调性
- 信息架构重构：科学分类内容层级，降低用户认知负荷
- 移动优先设计：确保手机端与桌面端体验一致流畅
- 内容互动增强：设计更有吸引力的展示组件，提升阅读深度
执行过程
第一阶段：品牌诊断与定位——我们首先对现有官网进行了全面的可用性测试，收集了超过200条用户反馈数据，分析出核心痛点：导航路径过长、内容分类不明确、CTA按钮视觉不突出。基于这些数据，重新确立了品牌视觉关键词：”探索感、信任、简洁”。
第二阶段：视觉设计系统——从Logo规范、色彩体系、字体选择到图标系统，建立了完整的设计规范。主色调选用深海蓝（#0A1929）搭配科技青（#00B4D8），传递专业深邃与智慧活力的双重特质。完整生成了12页品牌设计规范手册。
第三阶段：UI/UX组件化设计——使用Figma构建了完整的组件库，包括导航系统、卡片组件、文章列表、评论区、搜索组件等42个核心组件，确保设计一致性，同时大幅缩短开发周期。
第四阶段：开发与上线——基于Elementor Pro + 自定义模板开发，完成全站重构。新官网上线后，首页跳出率降低37%，平均会话时长提升52%，移动端转化率提升28%。
核心成果
- 完整品牌视觉规范手册1套（12页）
- Figma组件库1个（42个UI组件）
- 全新官网上线（桌面+移动端全覆盖）
- 首页跳出率降低37%，平均会话时长提升52%
科学小舟：从本质出发，重塑科学认知。www.kexuexiaozhou.cn