项目概况

山东建邦集团创立于1995年，经过20多年的探索发展，逐渐成长为一家具有较大资产规模和较强经济实力的综合性产业投资集团，形成了以基础设施、金融资本、文旅商业、地产开发、健康医养、科技创新六大板块为核心的多业并举融合发展的大格局集团。

与此同时，山东建邦集团的数字化形象也须跟上进化态势，标梵互动承此重任，从客观数据支持和市场发展角度，建设一个符合山东建邦集团形象，展其硬实力，实现山东建邦集团新官网的全新升级。

标梵互动服务内容：网站现状评估，品牌调性定位，中文/英文官网建设升级，官网运营维护

标梵赋能

标梵互动首先反复审视了山东建邦集团的旧版网站，对网站中存在的不合理之处展开多次研讨。

从品牌传播上，旧站较少使用Logo和品牌形象强化用户心智，设计风格不突出；在用户使用体验上，网站架构不够科学，难以快速准确地找到需求，也极少使用高精度图片、图形等视觉形式来表达内容。

建邦集团旧站

建邦集团新站

品牌连接*  01

集团化是延伸和多元拓展的思路，但品牌化是一致的行事风格。

在解决品牌形象的问题上，标梵在设计新官网时大量使用了品牌Logo中的元素。这些Icon设计将体现官网的品牌感和主题感。

标梵互动为山东建邦集团官网定制新形象

我们谈论新媒体，自媒体，流媒体，但终极媒体只有一个，就是人的大脑。

标梵的视觉艺术专家灵活运用图形辅助，补充视觉空白，让用户在众多信息中捕捉到重点，更易理解信息，加之页面变得灵动，获得上升的精致感。

标梵互动为山东建邦集团官网定制新形象

以图形创意表达主要业务，快速传递核心内容，正确引导来访者进行接下来的行动。有趣的界面也会吸引用户纷纷分享。

标梵互动为山东建邦集团官网定制新形象

情感连接*  02

为增加用户停留时间、加深对网站的初次印象，标梵做了两个工作。一是重设网站脉络，新架构分类明确，让用户简单快速达到目的地，二是增加互动界面，让第一眼进入全屏沉浸式的动态展示，集团气质不容忽视。

同时满足用户的理性和感性需求，是为情感连结。

001 网站栏目框架重新规划

标梵研究山东建邦集团的业务和商业规划后，推导出最终网站的栏目架构，大体分为四大内容版块：集团自身——社会责任——招标采购——重视人才。

002 体验的目的是记住

如果不能带来情感，用户很快会在流动的信息中遗忘你。

在标梵给出的WVI中，网页设计用色规范与Logo色相辅相成，主色彩用蓝色、浅蓝色、浅灰色和大面积留白，营造呼吸感与协调感；以红色作为辅色，搭配使用提升画面质感，使人印象深刻，这是山东建邦集团新官网升级的妙处所在。

标梵互动为山东建邦集团官网定制新形象

当然，漂亮的图形，视频，大量的Icon指引对用户的加载速度要求也高，对此，标梵自有技术支持，才有山东建邦集团新官网的呈现。

技术连接* 03

001 原生Lazy loading

标梵对第一屏以下的图片进行延迟加载技术。

它能够在用户滚动页面的时候自动获取更多的数据，而新得到的数据不会影响原有数据的显示，同时最大程度上减少服务器端的资源耗用，不必担心网页读取速度减慢或者SEO情况，搜索引擎完全可以发现网页中包含的图片。

002 滚动视差Parallax Scrolling

滚动视差设计让多层背景以不同的速度移动，在人眼中，形成立体的运动效果，特别适合用来叙述细腻内容。

在山东建邦集团的官网中，我们看到随着鼠标滚轮的移动，内容也在慢慢铺开。让用户更加专注于接下来的呈现。

003 SVG前端矢量图形语言

SVG矢量图具有不失真，质量优，文件尺寸更小，能保证更快的加载速度。同时，SVG Sprites学习成本高，难度大。

标梵自主开发标准的矢量图形语言，直接用代码来描绘高质量图像，让网站更具吸引力。

在与山东建邦集团的这次合作中，标梵的视觉艺术专家与前端工程师共同配合，搭建出符合集团身份，以交互触动感官、拉近与用户距离的新官网，使集团门户在千篇一律的网站里一跃而出，得以用新的面貌迎接新的挑战！