山東建邦集團(tuán)成立于1995年。經(jīng)過(guò)20多年的辛勤耕耘 ，已逐步成長(zhǎng)為資產(chǎn)規(guī)模大、經(jīng)濟(jì)實(shí)力強(qiáng)的綜合性產(chǎn)業(yè)投資集團(tuán)。形成了以基礎(chǔ)設(shè)施、金融資本、文旅商業(yè)、房地產(chǎn)開(kāi)發(fā)、健康醫(yī)養(yǎng)、科技創(chuàng)新為核心的多產(chǎn)業(yè)融合發(fā)展大格局企業(yè)。

互聯(lián)網(wǎng)品牌形象數(shù)字化設(shè)計(jì)已成為品牌設(shè)計(jì)的新趨勢(shì)，建邦集團(tuán)作為一家涉及多板塊融合的綜合性企業(yè)集團(tuán)，實(shí)力雄厚，影響力大，其數(shù)字化形象也須跟上時(shí)代進(jìn)程，不斷創(chuàng)新。基于此，標(biāo)梵互動(dòng)承此重任，本著全方位、全觸點(diǎn)活化品牌的精神，助力其打造全新互聯(lián)網(wǎng)建邦集團(tuán)品牌企業(yè)官網(wǎng)形象，在互聯(lián)網(wǎng)的高速快道上高質(zhì)量揚(yáng)其企業(yè)文化，展其企業(yè)硬實(shí)力，開(kāi)啟其企業(yè)品牌形象新征程。

標(biāo)梵互動(dòng)發(fā)展至今，已經(jīng)成為山東省內(nèi)頗具影響力的互聯(lián)網(wǎng)品牌營(yíng)銷服務(wù)型企業(yè)，標(biāo)梵累計(jì)服務(wù)企業(yè)總市值超500億，其中杰瑞集團(tuán)（證券代碼：002353）總市值約373.6億左右；路橋集團(tuán)（證券代碼：000498）總市值約100億左右，10億-50企業(yè)佳怡集團(tuán)、CASBLINDS ＆ SCREENS；千萬(wàn)企業(yè)青玄香養(yǎng)、優(yōu)聯(lián)西家、創(chuàng)源微致、拓銳科技等。

01修整網(wǎng)站二維呈現(xiàn)

不是另起爐灶，而是推陳出新。標(biāo)梵在設(shè)計(jì)建邦官網(wǎng)之初，反復(fù)進(jìn)行會(huì)議研討，針對(duì)建邦集團(tuán)舊站設(shè)計(jì)不合理之處，一一進(jìn)行分析。

標(biāo)梵從品牌考慮出發(fā)，觀察到舊網(wǎng)站的Logo圖形延展不豐富，品牌視覺(jué)呈現(xiàn)不平衡，不容易使用戶留下深刻印象；從用戶操作角度出發(fā)，舊網(wǎng)站網(wǎng)站架構(gòu)設(shè)計(jì)不合理，邏輯不清晰，不容易讓用戶快速找到目標(biāo)關(guān)鍵詞；從圖片圖像角度出發(fā)，標(biāo)梵更希望體現(xiàn)建邦集團(tuán)的高級(jí)感，舊網(wǎng)站圖片視覺(jué)內(nèi)容體驗(yàn)感較差，畫(huà)面失衡較重，導(dǎo)致頭重腳輕。

（山東建邦集團(tuán) 舊網(wǎng)站）

（山東建邦集團(tuán) 新網(wǎng)站）

02深度解析建邦集團(tuán)發(fā)展戰(zhàn)略，從感性與理性角度進(jìn)行官網(wǎng)再創(chuàng)，進(jìn)行官網(wǎng)定制，打造沉浸式用戶體驗(yàn)

感性層面

藝術(shù)的美，往往是感性的，在生活場(chǎng)景中，人們的第一印象往往也是感性的。從外觀價(jià)值的角度出發(fā)，恰好說(shuō)明了視覺(jué)對(duì)人的第一印象有多么重要。在官網(wǎng)建設(shè)中，讓用戶通過(guò)感知層面快速、清晰地理解網(wǎng)頁(yè)所傳達(dá)的內(nèi)容，也是衡量一個(gè)高質(zhì)量網(wǎng)站的基本標(biāo)準(zhǔn)。

進(jìn)入官網(wǎng)，映入眼簾的是大氣磅礴、鱗次櫛比的高樓建筑，象征著山東建邦集團(tuán)在其中的身份地位。同時(shí)，全網(wǎng)充斥著AI元素的氣息，取自Logo中的“A”圖形，在短時(shí)間內(nèi)傳遞建邦集團(tuán)的品牌形象，不斷強(qiáng)化用戶心中的建邦品牌，以最少的時(shí)間讓用戶了解更多的信息，這也是官網(wǎng)定制的魅力所在。

理性層面

對(duì)于企業(yè)的官網(wǎng)來(lái)說(shuō)，第一步就是要做好用戶的情感表達(dá)，建立良好的閱讀邏輯和專欄是基本結(jié)構(gòu)。否則，它只是一個(gè)沒(méi)有內(nèi)涵的架子，再好也只是曇花一現(xiàn)。

一個(gè)好的網(wǎng)站能讓用戶第一時(shí)間找到想要的內(nèi)容，主視覺(jué)確定以后，首頁(yè)與搜索欄的平行結(jié)構(gòu)展示，對(duì)用戶們來(lái)說(shuō)，可以快速搜索到感興趣的內(nèi)容。

長(zhǎng)時(shí)間的文本閱讀使人疲勞，記憶力差。優(yōu)化建邦集團(tuán)的關(guān)鍵數(shù)據(jù)，以便用戶在短時(shí)間內(nèi)高效理解。

發(fā)展歷程界面隨著鼠標(biāo)左右拖動(dòng)往下瀏覽，時(shí)間軸和“A”圖形始終跟隨展示，此舉也是為了讓用戶在想要了解建邦企業(yè)的時(shí)候，快速觸達(dá)企業(yè)發(fā)展軌跡。

001 Lazy loading分布式加載

標(biāo)梵采用Lazy loading分布式加載技術(shù)，滾動(dòng)條滾動(dòng)到該圖片上方時(shí)才會(huì)去加載圖片,此項(xiàng)技術(shù)可以更合理去加載資源, 它能夠在用戶滾動(dòng)頁(yè)面的時(shí)候自動(dòng)獲取更多的數(shù)據(jù)，而新得到的數(shù)據(jù)不會(huì)影響原有數(shù)據(jù)的顯示，同時(shí)最大程度上減少服務(wù)器端的資源耗用，不必?fù)?dān)心網(wǎng)頁(yè)讀取速度減慢或者SEO情況，搜索引擎完全可以發(fā)現(xiàn)網(wǎng)頁(yè)中包含的圖片。 

002 滾動(dòng)視差Parallax Scrolling

標(biāo)梵采用滾動(dòng)視差Parallax Scrolling技術(shù)，神奇的視覺(jué)視差滾動(dòng)特效，使建邦集團(tuán)官網(wǎng)的多層背景以不同的速度移動(dòng)，形成立體的運(yùn)動(dòng)效果，用戶在瀏覽網(wǎng)頁(yè)時(shí)頁(yè)面元素會(huì)隨著鼠標(biāo)的滾動(dòng)而發(fā)生變化，給用戶帶來(lái)一種及時(shí)反饋和沉浸式體驗(yàn)，視覺(jué)效果非常出色。

003 SVG前端矢量圖形語(yǔ)言

SVG矢量圖可以讓你設(shè)計(jì)激動(dòng)人心的、高分辨率的Web圖形頁(yè)面，同時(shí)其文件尺寸更小，不失真，質(zhì)量?jī)?yōu)，能保證更快的加載速度，但同時(shí)，SVG Sprites學(xué)習(xí)成本也很高，難度大。標(biāo)梵自主開(kāi)發(fā)標(biāo)準(zhǔn)的矢量圖形語(yǔ)言私有技術(shù)，直接用代碼來(lái)描繪高質(zhì)量圖像，通過(guò)改變部分代碼來(lái)使圖像具有交互功能，讓網(wǎng)站更具吸引力，高效的傳遞信息給用戶。

在這次與建邦集團(tuán)的合作中，標(biāo)梵以精湛的技術(shù)、完美的客戶體驗(yàn)贏得了建邦集團(tuán)長(zhǎng)期合作的信任，使建邦集團(tuán)官網(wǎng)在千篇一律的網(wǎng)站里脫穎而出，以新的面貌迎接新的挑戰(zhàn)！

標(biāo)梵在與高端客戶的合作中，不斷投入更多的精力和時(shí)間，細(xì)化每一個(gè)行業(yè)的需求和特點(diǎn)，為企業(yè)提供量身定制的品牌官網(wǎng)升級(jí)服務(wù)。標(biāo)梵深耕多年，在行業(yè)內(nèi)已擁有相當(dāng)豐富的經(jīng)驗(yàn)和知名度，已成功合作杰瑞集團(tuán)（證券代碼：002353）總市值約373.6億左右；路橋集團(tuán)（證券代碼：000498）總市值約100億左右，10億-50企業(yè)佳怡集團(tuán)、CASBLINDS ＆ SCREENS等。同時(shí)和山東路橋集團(tuán)、杰瑞集團(tuán)達(dá)成長(zhǎng)期合作關(guān)系，標(biāo)梵將不忘初心，幫助更多品牌實(shí)現(xiàn)線上數(shù)字化轉(zhuǎn)型。