科达制造
上市公司官网改版升级，打造全新形象，彰显行业领先地位
已上线，网址在文章底部
- 服务类别：网页设计/数字营销推广
项目背景
科达制造一举实现“陶机装备国产化”、“做世界建材装备行业的强者”的历史目标，成长为我国乃至世界陶瓷机械行业的龙头企业。为了树立公司在行业中的专业性和领导地位，希望通过新的官网平台来传递科达制造的企业形象，提升品牌调性，吸引潜在客户与公司建立联系。
旧版官网问题
分析调研
-
01品牌调性不足，缺少品牌色调以及符号标识，用户难以建立统一心智；x
-
02设计陈旧、信息结构混乱，用户难以找到需要的信息，导致用户体验不佳x
-
03不支持响应式设计和移动优化，导致在手机或平板上浏览时显示效果不佳x
-
04CTA设置较少，“行动召唤”不明显，交互效果单调，获客转化率不高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
自适应移动端
能够根据屏幕尺寸的变化，实现布局的自动调整和重新排列，确保内容在不同设备上都能清晰可见。这
使得用户在使用手机、平板电脑或桌面电脑等各种设备时都能获得良好的浏览体验，有助于减少加载时
间和带宽消耗，并提高页面加载速度
这个案例还不错？您也有此需求？
点击咨询客服
广州
