项目概述

中科蓝智由中国科学院青岛生物能源与过程研究所的科研人才团队创立，集生物活性原料研发、生产和销售于一体，在国际上首创微藻源纯天然活性分子甘油葡糖苷的先进生物制造技术，并实现了产业化应用与商业化销售。官网要把复杂的生物技术讲得通俗，同时体现科研背景的权威感。

创意构建

微藻科技，绿色生活

首屏以微藻气泡的动态影像带出“绿色天然成分 蓝藻源2-αGG”，传递自然与科技的结合；全站整屏翻页，核心技术以环形流程图解析从选取天然高产藻株到纯度 99% 以上产品的工艺链；核心成分、公司概况、战略定位、平台建设、企业文化、核心专利与企业历程逐屏展开，侧边进度导航帮助用户随时定位。

配色方案

蓝智蓝取自企业标识，用于标题、数据与流程图；深靛蓝强化技术感，活力橙点缀副标题；晨雾蓝铺底，与首屏微藻的自然绿色相互映衬。

字体方案

全站使用阿里巴巴普惠体 3.0 的多个字重：标题用 105 Heavy，厚重醒目；正文用 45 Light 至 55 Regular。字重梯度清晰，科技感与亲和力兼具。

功能亮点

• 微藻动态首屏：微藻气泡影像配合核心成分标语与“自然 健康 美丽 和谐”
• 整屏翻页：逐屏切换并配合入场动画，侧边进度导航随时定位
• 工艺流程图：核心技术以环形流程图呈现，配合专利数据
• 核心成分：2-αGG 产品图与功效说明，附证明报告与咨询入口
• 企业历程：从技术创制、公司成立到融资与资质的发展节点

页面展示

移动端适配

移动端同样采用整屏切换，每屏内容重新编排为单列，流程图与数据按屏宽缩放。