• 万齐·广州020-22221668
  • 万齐·深圳0755-85240978
科达制造
上市公司官网改版升级,打造全新形象,彰显行业领先地位
已上线,网址在文章底部
  • 服务类别:网页设计/数字营销推广
项目背景
科达制造一举实现“陶机装备国产化”、“做世界建材装备行业的强者”的历史目标,成长为我国乃至世界陶瓷机械行业的龙头企业。为了树立公司在行业中的专业性和领导地位,希望通过新的官网平台来传递科达制造的企业形象,提升品牌调性,吸引潜在客户与公司建立联系。
旧版官网问题
分析调研
  • 01
    品牌调性不足,缺少品牌色调以及符号标识,用户难以建立统一心智;
    x
  • 02
    设计陈旧、信息结构混乱,用户难以找到需要的信息,导致用户体验不佳
    x
  • 03
    不支持响应式设计和移动优化,导致在手机或平板上浏览时显示效果不佳
    x
  • 04
    CTA设置较少,“行动召唤”不明显,交互效果单调,获客转化率不高
    x

旧版官网截图

新版官网建站方案
在与客户进行详细的需求探讨后,我们重新梳理了网站内容逻辑、功能诉求、视觉风格,明确了此次项目的目标 :
运用“庖丁解牛”思维模式将网站建设分解为五大层,掌控全局、思路更清晰、执行更高效:
  • 架构层
    Visual layer
    整体的栏目框架——就像人的骨架轮廓

    1、根据重点受众人群梳理栏目架构;
    2、页面内容排版布局:也就是内容的逻辑,主要是顺序和比例。
    想突出哪块内容、占多大比例、以及顺序主次

  • 内容层
    Visual layer
    内容展示的丰富度和细节——就像人的思想、文化、谈吐

    图,文,视频,不同展现形式的结合,内容细节体现专业,素材来源解决方案,版权问题等...

  • 视觉层
    Visual layer
    网站的风格和调性——就像人的衣着打扮、外貌

    1、品牌调性:网站的图形、色彩、字体、图片符合品牌形象;
    2、网站版式风格符合品牌个性和气质
    3、体现行业特征,迎合受众群体

  • 营销层
    Visual layer
    网站是沟通的窗口

    1、设定好符合用户体验沟通顺序,优化访问路径,让用户能自然的按图索骥
    2、友好的交互效果,提升阅读的舒适度,增添浏览过程中的乐趣性。

  • 技术层
    Visual layer
    兼容、速度、安全、易用

    匹配不同设备,兼容各大主流机型,使用户体验感更佳;
    速度、静态化、安全、稳定、好用;SEO设置、后台方便宜用。

设计说明
视觉氛围基调
Style tonality
整站的设计风格、色彩、排版均需要具备统一性,加强品牌符号形象
字体规范体系
font
色彩规范体系
color
  • 主色
    科技蓝
  • 背景色
    高级灰
  • 背景色
    极致白
视觉设计的功能性与可视性原则
  • 01科达制造,还原业务场景
    我们从客户的角度来阐述产品价值,统一配合还原真实场景呈现,完整的 展示了全自动化、智能化的生产线,突出企业核心业务竞争力,这种方式 更具说服力。
  • 02简化入口通道,快速触达
    将重要的栏目置于显眼位置,让用户一目了然,尽量减少用户需要点击的 次数来达到目标页面,可直接链接到关键页面,避免多层级的深入浏览。
  • 03快速聚焦的信息阅读体验
    使用渐变色突出重要信息,让用户在快速浏览时能够立即捕捉到关键点, 将内容分成小段落,并使用清晰的标题和子标题来组织信息,这样可以帮 助用户快速浏览和定位感兴趣的部分。
统一性原则
内容与形式的输出
品牌基调
内容模块的视觉风格和表达形式符合网站的定位;层级关系并列的模块在形式上统一;整个网站的主色调、细节元素统一。
模块化设计
结合科达制造的行业属性,为了更直观传达品牌特性,我们进行了取舍,从应 用环境出发,结合品牌色来呈现科达的整体视觉感受,并且贯穿运用到网页模 块、内容排版中,形成了页面整体的统一
联系我们
研发创新
投资者关系
科达新闻
效率提升,产品模块逻辑优化
简单高效的浏览顺序,通过对逻辑架构的梳理,优化信息分层,可以让用户快速了解网站信息,降低对内容 理解负担,减少迷失和混乱的可能性,提高用户浏览、对信息吸收和选择的效率。
01
导航下拉效果,悬浮设计
通过下拉菜单,可以节省空间、增强可视性,用户在浏览的过程中可以快速地找到所需的信息或层级
02
逻辑梳理,优化产品分类层级
为每个分类层次设定一些规则和标准,帮助用户更好地理解和选择分类,提高用户的满意度和使用体验
03
增加标签设计,突出重点信息
提供清晰、易读的排版和布局,使用户能够快速找到所需信息,提升转化率,突出产品竞争力
企业的人文主义
通过企业文化与人才招聘,可以向公众传达科达人文的核心价值观和社会责任等,有助于提升企业在社会中的认知度和形象,通过展示科达人文的优势和特色,可以吸引更多潜在学生和合作伙伴的关注,这有助于增加人才招聘与合作机会,为科达的人力发展提供更多的支持。
Culture
自适应移动端
能够根据屏幕尺寸的变化,实现布局的自动调整和重新排列,确保内容在不同设备上都能清晰可见。这 使得用户在使用手机、平板电脑或桌面电脑等各种设备时都能获得良好的浏览体验,有助于减少加载时 间和带宽消耗,并提高页面加载速度
内页风格展示
根据不同子品牌调性设计不同的版式风格,整体上也具有统一元素
这个案例还不错?您也有此需求?
官网建设指南-实战谋攻之道
《企业官方网站建设思维及流程详解白皮书》白皮书
悦近来远
The near will be satisfied,and the far will return.
联系万齐专业团队,免费获取网站解决方案
保持联系
开启对话
热线
020-2222-1668
广州:广州市天河区天河北路689号光大银行大厦2704-2705
服务电话
0755-8524-0978
深圳:深圳市宝安区华美居商务中心B区六楼
广州
电话:020-2222-1668
邮箱:market@vancheer.com
广州:广州市天河区天河北路689号光大银行大厦2704-2705
深圳
电话:0755-8524-0978
邮箱:szmarket@vancheer.com
深圳:深圳市宝安区华美居商务中心B区六楼
Copyright © 广州市万齐网络科技有限公司 粤ICP备14048469号 Powered by vancheer