探索更多
-
我们致力为企业塑造独特且富有气质的互联网品牌形象全面提升美学气质、互动、营销与传播的新媒体价值，为品牌与用户架设紧密的连接。
星源卓镁
统汽车零部件行业官网现代化轻奢感
行业
汽车/压铸行业
服务类别
品牌商用官网设计
网站已上线，链接在文章底部
项目背景
星源卓镁是一家专业从事镁合金、铝合金压铸件的开发设计和生产的
家级高新技术企业，并于2022年深交所上市，老旧的官网并不符
国合星源卓镁的形象，亟需一个全新的官网彰显品牌实力于形象。
星源卓镁是一家专业从事镁合金、铝合金压铸件的开发设计和生产的
家级高新技术企业，并于2022年深交所上市，老旧的官网并不符
国合星源卓镁的形象，亟需一个全新的官网彰显品牌实力于形象。
旧版官网调研
目前首页内容架构较为单一，营销化严重，无法凸显其行业优势
设计
目标
01
规范升级页面规范统一化，统一色彩、字体风格，来实现整个网站的风格统一，减少后期维护成本
02
品牌调性与星源卓镁的VI体系串联，融合星源卓镁品牌元素，强调品牌调性的表达
03
布局重构优化模块间内的功能、信息布局将清晰简洁的内容呈现给用户
01规范升级
FONTs
整站字体采用不同字号和字重，规范标题及内容层级
字体颜色方面也划分深浅处理主次关系
英文及数字字体：
SairaCondensed
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
中文字体：
Source Han Sans
| 中文样式 | 字号 | 字重 | 使用场景 |
| 星源卓镁 | 42px | Medium | 一级标题 |
| 星源卓镁 | 30px | Regula | 二级标题 |
| 星源卓镁 | 24px | Bold | 重点内容 |
| 星源卓镁 | 14px | Regular | 正文 |
Color
在定制色彩风格的基础上，我们采用了临近的商务红
同时，在内容引导方面做到清晰明了，方便用户阅读，拉近与用户的距离
同时，在内容引导方面做到清晰明了，方便用户阅读，拉近与用户的距离
#e60027
#282828
#DDDDDD
#f7f7f7
#ffffff
02品牌调性
星源卓镁一直以来都注重品质创新和现代化，也是品牌的核心价值，星源卓镁希
望能够在官网上展现其品牌形象。我们从品牌出发，打造传统汽车零部件行业官
网现代化轻奢感，为星源卓镁互联网品牌形象得以全面加持
星源卓镁一直以来都注重品质创新和现代化，也是品牌的核心价值，星源卓镁希
望能够在官网上展现其品牌形象。我们从品牌出发，打造传统汽车零部件行业官
网现代化轻奢感，为星源卓镁互联网品牌形象得以全面加持
官网加载页面
创造品牌记忆点
创造品牌记忆点
在用户进入网站等等加载时，快速了解品牌基础形象，提升品牌记忆点。
利用黑色调背景
体现轻奢感
体现轻奢感
我们选择黑色与品牌VI中的红色搭配，这组经典配色带来强烈对比感的同时，体现出轻奢质感。
我们既要刻画其行业特性
并且将重心给品牌形象的塑造和识别效率上
山久网络 产品经理
03布局重构
我们从官网目标人群入手，优化板式结构，重新划分信息优先级，提升阅读效率，帮助用户更好了解品牌
首屏BANNER
利用动画形式驱动企业业务
让用户产生兴趣
企业概况
采用数字、客户等信息
彰显品牌实力
业务板块
动画建模形式，用户对
企业的业务一目了然
新闻动态
上市企业必不可少的板
块，更新企业动态
企业风采
图片轮播集团各部门场
景，提升企业形象
04优化体验
导航创意展示
导航栏目采用隐藏形式，营造全屏BANNER更好的视觉冲击效果，按钮展开以创意的交互形式展现
产品动画示意
为了让用户对星源卓镁的产品更清晰的认知，我们采用动画展现结构的方式，彰显其强大的实力和专业度。
导航区域优化
很多企业会忽视了导航栏的重要性，除了导航功能之外，其实还有一定的信息触达的效果，比如我们添加了星源卓镁的股票信息，传递这是家上市公司的重要信息。
星源卓镁
项目总结
Project summary
星源卓镁官网运用了大胆创新的设计风格，为传统汽车零部件行业加入了更多的现代与科
技，彰显出了企业实力和品牌形象。交互上，我们做了很多主动出击的动作，提升了用户
体验。
在当下竞争激烈的市场，一个与自身实力相匹配的官网十分重要。山久网络结合客户企业
形象打造一个具有竞争力的官网，解决客户痛点。
星源卓镁官网运用了大胆创新的设计风格，为传统汽车零部件行业加入了更多的现代与科
技，彰显出了企业实力和品牌形象。交互上，我们做了很多主动出击的动作，提升了用户
体验。
在当下竞争激烈的市场，一个与自身实力相匹配的官网十分重要。山久网络结合客户企业
形象打造一个具有竞争力的官网，解决客户痛点。
点击访问网站
下一个案例
华贸集团-华茂外国语学校
我们是未来主义设计美学的先行者
我们为客户提供的不仅仅是一个网站
更是赋予品牌以数字能力并为品牌的顾客创造优质用户体验
如果您赞同我们的理念，并且碰巧也有网站升级改版的需求
欢迎与我们探讨合作，开启美好的合作关系。。
欢迎与我们探讨合作，开启美好的合作关系。。
点击访问网站