E3A Healthcare

亿杉医疗官方网站

#Website
Hero Image

项目概述

E3A Healthcare是一家源自新加坡国立大学的医疗科技公司,专注于非侵入式、智能化母婴健康管理设备的研发。随着其业务不断拓展至亚洲和北美市场,建立一个专业、可信、结构清晰的官方网站显得尤为重要。本项目旨在帮助 E3A 明确传达品牌愿景,系统展示核心技术与产品优势,并强化与全球用户、投资人及合作伙伴的连接。

项目目的

通过建立一个简洁直观、符合品牌调性的官方网站,E3A 能更清晰地展示其产品优势与企业价值,塑造统一且专业的品牌形象。同时,网站在提升用户浏览体验的基础上,成为支持其国际化发展的关键线上窗口,有效打开并强化与全球用户、投资人及合作伙伴之间的连接。

我的职责

  • 整体页面结构的规划与信息层级梳理
  • 界面设计及所有所需的视觉素材与组件制作
  • 基于 Squarespace 平台进行网站构建及 HTML/CSS 组件开发
  • 阶段性向 CEO 与市场负责人汇报成果,并根据反馈持续优化
软件1 Logo 软件2 Logo 软件2 Logo 软件3 Logo 软件4 Logo 软件5 Logo

设计过程

1.探索

Discovery

初期计划

在项目初期,我负责为公司设计一个兼具企业形象、产品展示与市场推广功能的网站。除了视觉呈现,更重要的是梳理清晰的信息结构和用户路径, 方便不同访客——如潜在投资者、合作伙伴、医疗专业人士及求职者——快速理解公司定位与价值,并轻松获取联系渠道。

根据公司要求,整个网站需用 Squarespace 平台完成设计与搭建。 我与CEO和市场部多次沟通,明确了他们的核心诉求:CEO 重视品牌专业性,市场部则关注产品展示与内容发布。基于这些共识,我绘制了当前的 Sitemap,作为策略思考的视觉成果。

Sitemap

网站整体结构划分为五大模块:首页聚焦品牌形象与解决方案导览,About Us介绍公司背景与发展历程,Products依系列分类展示产品内容,News支持分页浏览以便持续更新,Contact Us则整合地图与联络表单,引导用户进一步联系。同时,考虑到全球市场,公司网站需提供中英文切换功能。每个页面底部统一设置 Footer,包含快速导航,确保整体体验的一致性。这样的信息架构既支持品牌传达,也有助于用户高效获取所需内容,为后续设计打下了清晰基础。

点击图片可放大查看

此为英文网页架构,具体和中文版保持一致。但是取消了产品软件介绍以及其二级页面。

点击图片可放大查看

2.构建

Website Wireframe

主页 Layout

① 公司视频物料 *根据市场需求使用符合当前策略的宣传视频; ②③ 采用图文形式的公司简介,并带有跳转到关于我们的CTA Button;④ 产品简介,以及跳转到产品页面的CTA Button;⑤ 合作伙伴与投资企业的Logo滑动墙; ⑥ 公司活动报道区域; ⑦ 联系窗口,浏览者可通过按钮发送email至公司;⑧ 带有公司信息以及快捷跳转链接的页脚

关于我们 Layout

① Banner区域,放符合界面的图片物料;② 公司信息介绍;③ 公司发展时间线(可滑动形式); ④ 公司团队以及主要负责人信息 & 公司全球布局位置

产品介绍 Layout

① Banner区域,放符合界面的图片物料;② 主要产品的详情介绍;③ 主要产品的软件产品介绍以及跳转链接; ④ 公司其他产品介绍

新闻中心 & 联系页面 Layout

① Banner区域,放符合界面的图片物料;② 左侧界面是热点新闻区域,右侧界面则为公司位置信息以及联系表格;③ 公司活动贴文(排序从新->旧,并带有pagination)

3.成果

点击视频前往亿杉医疗官方网站

回顾

这次项目让我完整参与了从结构规划、视觉设计到最终上线的全过程,也是我第一次使用 Squarespace 平台进行实际开发。在与CEO 和市场团队的沟通中,不断根据反馈优化页面细节与信息呈现方式,逐步找到设计美感与品牌需求之间的平衡。整体来说,这是一次实践性很强的项目,也让我在设计执行与跨团队协作上都有了更清晰的认识。

Zhigang Wen (Zhi)

UI/UX Designer

@alphonsewan

alphonsewan@gmail.com

https://www.linkedin.com/in/imzhi/

  • Linkedin
  • Resume