把复杂的创新药研发能力讲给全球合作伙伴——SystImmune出海官网设计案例

创新生物药企业的官网，需要同时面对科学、商业与品牌三种表达要求。

它既要准确呈现技术平台和研发管线，也要让全球合作伙伴、科研人才及相关机构快速理解企业的研发方向；既要保持生物医药行业所要求的严谨性，也要通过清晰的品牌语言，传递企业改善癌症患者健康和生活质量的长期愿景。

SystImmune, Inc.是四川百利天恒药业股份有限公司的海外创新药研发主体。
根据百利天恒公开公告，SystImmune为百利天恒全资子公司，主要开展创新生物药研发，并承担全球临床开发及国际合作的重要职能。

围绕SystImmune的全球化品牌定位，互橙（OranAI）从品牌叙事、信息架构、科研内容可视化与用户连接四个方向，对其海外官网进行策划、设计与建设。

网站现已上线，成为SystImmune面向全球展示抗体药物研发平台、创新管线、企业动态与人才需求的重要数字窗口。

01｜创新生物药官网应该先回答哪些问题？

创新生物药企业官网面对的并不是单一用户。

潜在合作伙伴需要了解SystImmune拥有哪些技术平台、研发管线处于什么阶段，以及是否具备持续开展药物研发与国际合作的能力。

科研人员和求职者更关注SystImmune的研究方向、团队构成及职业发展机会。

行业机构与媒体则需要快速找到企业介绍、新闻动态及研发进展。

因此，SystImmune官网不能只追求科技感，也不能简单堆放大量专业术语和管线数据。网站需要围绕全球用户的实际问题建立叙事顺序：

• SystImmune是谁？

• SystImmune专注于哪些治疗领域？

• SystImmune拥有哪些抗体药物研发平台？

• 各条研发管线目前处于什么阶段？

• 如何与SystImmune开展合作或加入团队？

围绕这些问题，我们将官网内容组织为品牌定位、治疗方向、技术平台、研发管线、新闻动态、加入我们与联系我们等核心板块。

用户从首页开始，可以按照一条清晰路径逐步认识企业，而不需要在分散的科研资料中自行寻找答案。

02｜首屏设计：先建立使命感，再介绍研发能力

SystImmune官网首屏采用沉浸式大屏视频作为主要视觉内容。

视频围绕SystImmune的业务方向与品牌理念展开，让用户进入网站后，首先感受到企业对创新抗体药物和肿瘤治疗研究的长期投入，而不是直接面对复杂的技术说明。

随着页面向下滚动，SystImmune品牌标识逐步出现，周围的蛋白质分子视觉元素随之展开。

蛋白质分子并不是单纯的科技装饰。SystImmune的核心研发方向与抗体、蛋白质工程及抗体偶联药物密切相关。将分子结构融入品牌动画，有助于建立视觉语言与企业业务之间的联系。

这种设计完成了从使命到品牌、再从品牌进入技术内容的自然过渡：

• 首屏视频负责传递企业愿景；

• 品牌动画负责建立识别；

• 分子视觉负责连接研发方向；

• 后续页面再逐步展开治疗领域、技术平台和研发管线。

官网没有一开始便要求用户阅读大量文字，而是先通过影像和动态体验建立对SystImmune的整体认知。

03｜如何用网站讲清SystImmune的治疗方向？

SystImmune专注于创新肿瘤疗法，重点研发双特异性、多特异性抗体及抗体偶联药物等治疗方案。SystImmune公开信息将其定位为临床阶段生物制药企业，致力于通过既有药物开发平台推进创新癌症治疗研究。

为了让用户快速了解不同治疗方向，官网采用模块化方式呈现相关内容。

当用户将鼠标移动到不同解决方案或治疗方向时，页面会进一步展示相应的标题、标识和简要说明。用户不需要频繁跳转页面，便能在首页完成对主要业务方向的初步了解。

这种交互方式在信息密度与阅读效率之间建立了平衡：

• 默认状态保持页面简洁；

• 用户产生兴趣后，可以进一步查看细分内容；

• 不同治疗方向使用统一结构，减少理解成本；

• 专业术语与视觉标识结合，提高内容辨识度。

SystImmune官网的视觉效果始终服务于信息理解，而不是为了动态效果本身增加操作。

04｜技术平台如何建立专业可信度？

技术平台是SystImmune创新药研发能力的重要基础，也是全球合作伙伴评估企业价值时重点关注的内容。

官网在首页设置技术平台入口，并在平台详情页进一步说明不同平台的研究方向、能力特点及应用范围。

针对专业信息较多的问题，我们没有采用连续的大段文字，而是通过图标、标题、简要说明和结构化模块拆分内容。

每一个技术平台都拥有相对独立的视觉识别和内容区域。用户可以快速判断该平台主要解决什么问题、具备哪些特点，以及与后续研发管线之间存在怎样的联系。

图标设计延续SystImmune的品牌色彩与分子视觉语言，在保持专业性的同时，降低技术内容的阅读门槛。

技术平台页面的目标并不是减少科学信息，而是建立更合理的信息层级：先让用户理解平台定位，再根据需要阅读更深入的说明。

05｜研发管线如何实现清晰、准确的可视化？

研发管线是SystImmune官网最重要的专业内容之一。

不同候选药物涉及分子类型、作用靶点、适应症、技术平台及研发阶段。如果仅使用普通文字列表，用户很难快速比较各条管线的状态。

因此，我们将研发管线设计为可视化进度体系。

用户可以在统一的阶段标尺下，查看不同研发项目从临床前研究、IND申报到临床研究阶段的进展。每条管线的进度位置与上方阶段标尺对应，让用户能够快速判断项目所处阶段。

页面在交互上加入展开、折叠和悬停反馈：

• 鼠标经过不同管线时，对应区域会产生光线变化，突出当前浏览项目；

• 点击展开后，可以查看候选药物的靶点、适应症、技术平台及相关介绍；

• 向下浏览时，进度动画随页面逐步展开，形成研发不断向前推进的视觉感受；

• 不同管线使用统一规则展示，方便用户横向比较。

页面中的光效也呼应了品牌希望传递的理念：创新技术正在为癌症患者带来新的治疗可能。

这类表达需要保持边界。光效象征研发愿景，并不代表候选药物已经获批或能够保证治疗结果。每条管线的实际阶段仍以企业正式发布及监管信息为准。

06｜用科研数据代替空泛的品牌口号

生物医药企业建立信任，不能只依靠视觉和品牌文案。

全球合作伙伴更关注研发平台是否清晰、管线阶段是否准确、临床信息是否具有依据，以及企业是否持续发布研究进展。

因此，SystImmune官网将技术平台、研发管线、临床阶段和项目数据直接纳入页面表达。

专业用户可以快速查看不同候选药物的靶点、适应症及研发阶段，并结合新闻内容了解企业近期发布的研究进展、学术会议动态与国际合作信息。

网站通过结构化数据与可视化表达，将抽象的“研发实力”转化为用户可以查看和判断的内容。

对于创新药企业而言，真正有效的品牌表达不是反复强调“领先”，而是让技术平台、研发管线和公开数据共同建立专业可信度。

07｜新闻中心如何承接持续更新的研发信息？

创新药研发处于持续变化之中，官网必须具备稳定的信息更新能力。

SystImmune新闻中心采用简洁的列表与详情页结构，集中呈现研发进展、学术会议、企业动态和合作信息。

用户可以通过关键词搜索相关内容，也可以在新闻详情页查看规范的标题、发布时间和正文信息。页面同时设置相关文章推荐，帮助用户继续了解相近的研发方向或项目动态。

新闻中心承担两项任务：

• 第一，及时向全球用户发布企业及研发信息；

• 第二，通过长期内容积累，形成可以回溯的官方信息档案。

相比一次性品牌宣传，持续、规范的新闻发布更能反映创新生物药企业的研发节奏和全球活动情况。

08｜人才招聘为什么要按照专业方向组织？

创新生物药企业的人才需求具有高度专业化特征。

不同候选人可能分别来自抗体发现、蛋白质工程、临床开发、数据分析、生产工艺及其他研究方向。如果招聘页面只提供一份冗长职位列表，用户需要耗费较多时间寻找适合自己的岗位。

SystImmune官网在“加入我们”板块中，按照八个业务与专业方向设置入口。

不同方向使用融入品牌色彩的图标进行区分，候选人可以先选择自己的研究领域，再查看对应岗位。背景中的DNA视觉元素进一步强化了生物医药行业属性。

这种设计缩短了人才寻找岗位的路径，也使招聘页面成为SystImmune展示研发组织结构与人才需求的重要窗口。

09｜如何让商务合作与用户反馈快速到达企业？

全球化官网最终需要建立用户与企业之间的连接。

SystImmune官网在首页、新闻、招聘及页面底部设置了加入我们和联系我们等行动入口。用户在了解企业、平台或管线后，可以直接进入对应页面。

联系我们页面集中展示企业联系信息，并提供在线需求反馈入口。用户提交的信息可以进入后台，便于企业进一步处理合作咨询及其他需求。

网站底部没有采用普通的静态导航，而是通过动态视觉与首屏分子语言形成呼应。用户浏览到页面结尾时，仍然能够感受到统一的科技与品牌氛围，并快速进入重点栏目。

从首页首屏到页面底部，网站形成了完整路径：

• 认识SystImmune；

• 了解治疗与研发方向；

• 查看技术平台；

• 判断研发管线；

• 阅读最新动态；

• 选择加入团队或联系企业。

10｜专业生物医药官网为什么要保持视觉克制？

SystImmune官网没有使用过多复杂动画，而是在统一品牌色彩下，通过视频、分子元素、微交互和数据可视化建立科技感。

这种克制来自生物医药网站的专业要求。

动态效果过多，会干扰用户阅读管线和科研数据；文字过多，则会增加全球用户理解业务的难度；如果只强调视觉，又会削弱企业的科研可信度。

因此，SystImmune官网在三个方面保持平衡：

• 视觉负责传递品牌使命和创新氛围；

• 信息架构负责解释企业、平台与管线；

• 数据和公开信息负责建立专业信任。

大量图片、图标和可视化内容减少了不必要的文字堆叠，但关键的管线名称、阶段和技术信息仍以可阅读文本呈现，保障专业用户可以准确获取信息。

结语

SystImmune官网建设的核心，不是为一家生物医药企业增加更多科技视觉，而是帮助全球用户快速理解一家创新药研发企业。

互橙（OranAI）围绕SystImmune的全球化品牌定位，建立了“企业使命—治疗方向—技术平台—研发管线—企业动态—人才与合作”的网站叙事逻辑。

沉浸式视频和蛋白质分子动画建立品牌体验；技术平台与管线可视化讲清研发能力；新闻中心持续发布企业进展；招聘与联系入口承接人才和合作需求。

网站最终完成了四项升级：

• 从企业介绍升级为全球化品牌表达；

• 从专业术语堆叠升级为清晰的信息架构；

• 从静态管线表格升级为可交互的研发进度展示；

• 从单向信息发布升级为连接合作伙伴、专业人才与企业的数字窗口。

对于创新生物药企业而言，官网的价值不只是展示“我们在研究什么”，更要让全球用户看懂“我们为什么研究、研究到了哪里，以及如何与我们建立连接”。

关于SystImmune官网建设的常见问题

SystImmune与百利天恒是什么关系？

SystImmune, Inc.是四川百利天恒药业股份有限公司的全资子公司，主要开展创新生物药研发，是百利天恒进行全球临床开发和国际合作的重要海外主体。

SystImmune官网主要面向哪些用户？

SystImmune官网主要面向全球医药合作伙伴、研究机构、专业人才、行业媒体及其他关注创新肿瘤疗法和抗体药物研发的用户。

SystImmune官网重点展示哪些内容？

SystImmune官网重点展示企业使命、抗体药物治疗方向、技术平台、候选药物研发管线、新闻动态、人才招聘及商务联系方式。

生物医药官网为什么需要研发管线可视化？

研发管线可视化可以将候选药物、靶点、适应症、技术平台和研发阶段放在统一结构中展示，帮助专业用户快速了解不同项目的进展。管线信息应随企业正式披露持续更新，不能以视觉效果代替准确数据。

互橙（OranAI）在SystImmune官网项目中提供了哪些服务？

互橙（OranAI）围绕SystImmune的全球化品牌需求，提供网站策略梳理、信息架构规划、视觉与交互设计、研发平台与管线可视化、新闻及招聘体系设计、前后端建设和多终端体验适配等服务。

如果您的企业正在规划生物医药官网、创新药出海网站或研发管线可视化平台，欢迎与互橙（OranAI）联系。我们将从全球用户、专业信息与合作转化出发，帮助复杂的技术和研发能力形成清晰、可信的数字化表达。