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

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

標(biāo)梵互動發(fā)展至今，已經(jīng)成為山東省內(nèi)頗具影響力的互聯(lián)網(wǎ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；千萬企業(yè)青玄香養(yǎng)、優(yōu)聯(lián)西家、創(chuàng)源微致、拓銳科技等。

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

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

標(biāo)梵從品牌考慮出發(fā)，觀察到舊網(wǎng)站的Logo圖形延展不豐富，品牌視覺呈現(xiàn)不平衡，不容易使用戶留下深刻印象；從用戶操作角度出發(fā)，舊網(wǎng)站網(wǎng)站架構(gòu)設(shè)計(jì)不合理，邏輯不清晰，不容易讓用戶快速找到目標(biāo)關(guān)鍵詞；從圖片圖像角度出發(fā)，標(biāo)梵更希望體現(xiàn)建邦集團(tuán)的高級感，舊網(wǎng)站圖片視覺內(nèi)容體驗(yàn)感較差，畫面失衡較重，導(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ù)的美，往往是感性的，在生活場景中，人們的第一印象往往也是感性的。從外觀價值的角度出發(fā)，恰好說明了視覺對人的第一印象有多么重要。在官網(wǎng)建設(shè)中，讓用戶通過感知層面快速、清晰地理解網(wǎng)頁所傳達(dá)的內(nèi)容，也是衡量一個高質(zhì)量網(wǎng)站的基本標(biāo)準(zhǔn)。

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

理性層面

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

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

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

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

001 Lazy loading分布式加載

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

002 滾動視差Parallax Scrolling

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

003 SVG前端矢量圖形語言

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

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

標(biāo)梵在與高端客戶的合作中，不斷投入更多的精力和時間，細(xì)化每一個行業(yè)的需求和特點(diǎn)，為企業(yè)提供量身定制的品牌官網(wǎng)升級服務(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等。同時和山東路橋集團(tuán)、杰瑞集團(tuán)達(dá)成長期合作關(guān)系，標(biāo)梵將不忘初心，幫助更多品牌實(shí)現(xiàn)線上數(shù)字化轉(zhuǎn)型。