公司官網(wǎng)是直接面向用戶的一個(gè)窗口，能在用戶印象中發(fā)揮很大作用，對(duì)公司來說是一個(gè)重要的展示平臺(tái)。好的網(wǎng)站自然能給用戶一個(gè)好印象，甚至能幫公司增值。

很多傳統(tǒng)行業(yè)目前正在面臨轉(zhuǎn)型，開始在線上尋求新的發(fā)展機(jī)遇，并通過網(wǎng)站改版升級(jí)提高競爭力。

本文將從行業(yè)中的網(wǎng)頁設(shè)計(jì)角度，與大家分享幾個(gè)國內(nèi)外著名鋼鐵公司的網(wǎng)站案例。從案例中大家將會(huì)發(fā)現(xiàn)，即使在同一個(gè)行業(yè)里，國內(nèi)外網(wǎng)站的設(shè)計(jì)也存在著很大差異，希望這些分享能給設(shè)計(jì)師們帶來一些靈感。

提到鋼鐵行業(yè)的公司網(wǎng)站，一些人的腦海中可能瞬間浮現(xiàn)傳統(tǒng)網(wǎng)站的常見樣式，特征主要是各網(wǎng)站相似程度高，給人感覺使用了同一個(gè)模板做出來的，顯得過時(shí)、保守。

是否真的是這樣？我們先看國外鋼鐵行業(yè)網(wǎng)站案例。

國外鋼鐵公司網(wǎng)站

1、韓國浦項(xiàng)制鐵公司（posco）

浦項(xiàng)制鐵公司的官網(wǎng)是一個(gè)響應(yīng)式網(wǎng)站，網(wǎng)站的首頁以全屏滾動(dòng)方式展現(xiàn)內(nèi)容。

首頁的部分版塊加入了一些交互效果，比如下圖鼠標(biāo)懸停時(shí)圖標(biāo)被藍(lán)色填充。                          

下圖鼠標(biāo)懸停時(shí)在圖片上出現(xiàn)文字信息：

整個(gè)網(wǎng)站頁面排版布局形式較多，在層級(jí)多的情況下顯得很豐富。

并且該網(wǎng)站在細(xì)節(jié)處理上很到位，比如PC端導(dǎo)航有兩個(gè)入口，一個(gè)是按照欄目分類,屬于常規(guī)水平導(dǎo)航，另一個(gè)是漢堡圖標(biāo),點(diǎn)擊后獲得完整詳情頁入口展示，可以快速找到想要的信息，給用戶較好的體驗(yàn)。

點(diǎn)擊漢堡圖標(biāo)的效果：