探索更多
-
我们致力为企业塑造独特且富有气质的互联网品牌形象全面提升美学气质、互动、营销与传播的新媒体价值，为品牌与用户架设紧密的连接。
美康生物
致力于人类健康事业，让生命充满阳光
行业
医疗/医疗产品
服务类别
品牌官网改版
网站已上线，链接在文章底部
项目背景
美康生物作为一家医疗行业上市龙头企业，企业官网还是很久之前
的版本。为了重新打造品牌形象，增强企业竞争力，他找到我们进
行企业官网的改版，为将来的发展奠定品牌基础，我们将对美康生
物品牌进行梳理，打造一个全新的网站。
美康生物作为一家医疗行业上市龙头企业，企业官网还是很久之前
的版本。为了重新打造品牌形象，增强企业竞争力，他找到我们进
行企业官网的改版，为将来的发展奠定品牌基础，我们将对美康生
物品牌进行梳理，打造一个全新的网站。
01
视觉设计传统，不符合品牌调性
旧版官网整体的视觉设计偏陈旧，有很强的的年代感，无法突出目前美康生物的品牌调性。
02
功能模块欠缺，无法突显产品优势
旧版官网大量功能模块确实，这样会导致流失大量通过网站了解美康生物的客户。
03
用户体验不佳，交互逻辑体验差
简短的网站页面，纯文字排版的产品信息，给客户带来不好的用户体验，按钮等跳转方式使用体验不佳。
美康生物作为一家医疗行业龙头企业，
我们要将他们的网站打造成行业标杆，
成为新时代医疗行业领军者。
山久网络 设计总监：Melody
美康生物网站首页展示
在对美康生物及其竞品公司进行公司规模、
产品定位、品牌价值、用户群体等进行一系列分析后，
我们得出了以下SWOT模型：
在对美康生物及其竞品公司进行公司规模、
产品定位、品牌价值、用户群体等进行一系列分析后，
我们得出了以下SWOT模型：
我们的优势：
1、美康生物企业规模大，有很好的实力背书；
2、全球有5大研发中心，有自己的医检部门和鄞州医院；
3、市场占有率率高，品牌形象好，产品性价比高；
4、产品更新迭代快，能快速顺应市场发展前景。
我们的劣势：
1、品牌更新守，新的品牌形象要重新进入用户视野；
2、网站设计传统，不符合当下趋势；
3、产品销售渠道单一，线上网站属于停滞状态；
4、几大品牌已占据主要市场部分地位。
我们的机会：
1、全新的品牌形象，更能符合当下审美；
2、全新的网站，利于品牌推广，让用户眼前一亮；
3、产品质量功能强大，能接受市场检验；
4、国家大力扶持医疗企业。
我们的威胁：
1、竞争对手强大，市场竞争激烈；
2、同类竞争对手众多；
3、友商品牌相对成熟，已被市场所接纳；
4、产品大多数为非消耗品，销量困扰。
我们面临的
挑战
及其解决方案
面临挑战
如何通过官网强化品牌认知
制造用户记忆点，为线下引流
如何强化网站首页特点
让用户驻足持续浏览网站其他页面
如何在众多友商网站中脱颖而出
提升自己的品牌调性，增强用户黏性
解决方案
重新定义品牌超级符号（辅助图形）
强化品牌符号的使用，增强用户记忆点
设计趣味交互动效，使用微动效替代
静止页面，增强用户在浏览过程中的参与感
对友商网站进行取长补短，突出产品特点，
化繁为简，抛弃长篇大论的表达方式
“在网站页面设计时，我们要抓住细节，
注重用户体验感，让用户在使用过程中，
能感受到我们的用心和对设计细节的把控”
“在网站页面设计时，我们要抓住细节，
注重用户体验感，让用户在使用过程中，
能感受到我们的用心和对设计细节的把控”
—— 项目总负责兼主设计师 阿杰
项目策略
为了将美康生物的官网打造成一个具有市场竞争力的网站，
我们将从以下几点进行重新设计。
我们将从以下几点进行重新设计。
STEP01
视觉设计升级
规范色彩、文字、图标的使用；
强化VI超级符号的使用；
提升视觉设计
STEP02
交互动效升级
提升网站的用户交互；
加入微动效，丰富网站视觉效果；
优化页面跳转
STEP03
用户体验升级
优化人机交互体验；
化繁为简，减少用户操作步骤 ；
提升用户使用效率
视觉设计升级
我们将从以下几个方向
对美康生物的官方网站进行视觉升级
我们将从以下几个方向
对美康生物的官方网站进行视觉升级
01
01.确定网站整体风格
结合美康生物logo及其产品设计外观，我们最终将其网站风格确定为，简约、干净、时尚，保留产品设计中的简约风格，增加更加人性化的交互，将设计隐藏在细节中。
02.规范网站色彩运用
好的色彩运用，能强化网站质感的同时还能让用户牢记品牌形象。
我们采用了logo中的绿色和金色作为网站主体色，绿色代表生命，金色代表荣誉，
强化品牌色调的运用。
#009944
#dab636
#000000
#FCFCFC
02.规范网站色彩运用
好的色彩运用，能强化网站质感的同时还能让用户牢记品牌形象。
我们采用了logo中的绿色和金色作为网站主体色，绿色代表生命，金色代表荣誉，
强化品牌色调的运用。
| 中文样式 | 字号 | 字重 | 使用场景 |
| 美康生物 | 48PX | Bold | 一级标题或重要关键词 |
| 美康生物 | 32px | Medium | 二级标题（次一级标题） |
| 美康生物 | 22PX | Regular | 文章正文字号 |
| 美康生物 | 18PX | Regular | 文章正文字号 |
04.
强化品牌VI超级符号的使用，
可以增强品牌辨识度，传达品牌
核心价值观，维护品牌的一致性，增强品牌竞争力。
提取品牌超级符号
品牌超级符号，可以帮助用户更快的记住品牌形象，同时能帮助品牌规范使用视觉设计方案，达到统一性原则。
超级符号以强烈且具个性的视觉特征，不仅能抓住受众的视线，引起人们的兴趣，而且更明确的传递企业特征。
交互动效升级
添加人机交互动效，增强用户体验；
页面中添加微动效，增加浏览网站时的趣味性。
添加人机交互动效，增强用户体验；
页面中添加微动效，增加浏览网站时的趣味性。
02
页面切换交互动效
页面切换交互动效
一个好的动效能给用户带来，全新的视觉体验。在美康生物的官网中，我们加入了一系列基于超级符号制作的交互页面，给人一种眼前一亮的感觉，有利用户停留，增加用户黏性。
交互按钮微动效
交互按钮微动效
按钮交互动效，能让用户在第一时间意识到按钮可点击，且能丰富页面效果，在安静的页面中成为点睛之笔。
产品切换交互动效
产品切换交互动效
产品切换动效，能让用户驻足产品部分，在浏览产品时，这种丝滑的动态效果，可以大大增加用户点击查看的几率。
好的交互动效，能让网站的用户体验感产生质的飞跃，
在面对交互细节的时候，我们一定要精益求精，
提升用户体验感的同事，还要强化品牌的形象建设。
山久网络 用户体验设计师：骄阳
用户体验升级
用户体验感是检验一款产品是否合格的重要标准，
其次才是设计感，好的用户体验才能留住用户，
这也是网站制作者的最终目的。
用户体验感是检验一款产品是否合格的重要标准，
其次才是设计感，好的用户体验才能留住用户，
这也是网站制作者的最终目的。
03
我们设计了一个首次进入网站时的loading页面，
让用户在等待网站加载时，也能先了解网站的动态细节，和基础的品牌形象。
让用户在等待网站加载时，也能先了解网站的动态细节，和基础的品牌形象。
我们在首页添加了一个热门产品的板块，可以直接从首页进入产品详情页，
进行查看产品相关信息。
进行查看产品相关信息。
采用图片加视频的模式设计产品详情页，让用户更加直观的了解到产品的性能，
帮助用户更快选择产品。
帮助用户更快选择产品。
推翻产品介绍千篇一律的统一样式，采用每个产品
定制不同详情页的设计方式，最大限度的突出每个产品特点
推翻产品介绍千篇一律的统一样式，采用每个产品
定制不同详情页的设计方式，最大限度的突出每个产品特点
如果您也有相关的网站建设需求，不妨给我们一个机会，
我相信我们能给您一个最满意的结果。
在线
咨询
下一个案例
星源卓镁
