行業(yè)網(wǎng)站設(shè)計分析:鋼鐵建筑行業(yè)
公司官網(wǎng)是直接面向用戶的一個窗口,能在用戶印象中發(fā)揮很大作用,對公司來說是一個重要的展示平臺。好的網(wǎng)站自然能給用戶一個好印象,甚至能幫公司增值。
很多傳統(tǒng)行業(yè)目前正在面臨轉(zhuǎn)型,開始在線上尋求新的發(fā)展機(jī)遇,并通過網(wǎng)站改版升級提高競爭力。
本文將從行業(yè)中的網(wǎng)頁設(shè)計角度,與大家分享幾個國內(nèi)外著名鋼鐵公司的網(wǎng)站案例。從案例中大家將會發(fā)現(xiàn),即使在同一個行業(yè)里,國內(nèi)外網(wǎng)站的設(shè)計也存在著很大差異,希望這些分享能給設(shè)計師們帶來一些靈感。
提到鋼鐵行業(yè)的公司網(wǎng)站,一些人的腦海中可能瞬間浮現(xiàn)傳統(tǒng)網(wǎng)站的常見樣式,特征主要是各網(wǎng)站相似程度高,給人感覺使用了同一個模板做出來的,顯得過時、保守。
是否真的是這樣?我們先看國外鋼鐵行業(yè)網(wǎng)站案例。
國外鋼鐵公司網(wǎng)站
1、韓國浦項制鐵公司(posco)
浦項制鐵公司的官網(wǎng)是一個響應(yīng)式網(wǎng)站,網(wǎng)站的首頁以全屏滾動方式展現(xiàn)內(nèi)容。
首頁的部分版塊加入了一些交互效果,比如下圖鼠標(biāo)懸停時圖標(biāo)被藍(lán)色填充。
下圖鼠標(biāo)懸停時在圖片上出現(xiàn)文字信息:
整個網(wǎng)站頁面排版布局形式較多,在層級多的情況下顯得很豐富。
并且該網(wǎng)站在細(xì)節(jié)處理上很到位,比如PC端導(dǎo)航有兩個入口,一個是按照欄目分類,屬于常規(guī)水平導(dǎo)航,另一個是漢堡圖標(biāo),點(diǎn)擊后獲得完整詳情頁入口展示,可以快速找到想要的信息,給用戶較好的體驗(yàn)。
點(diǎn)擊漢堡圖標(biāo)的效果: