今天一大早，我琢磨著閑著也是閑著，不如搞點實際的，就想著給上海建設(shè)集團官網(wǎng)重新整一整。

我先是打開電腦，搜了搜原來的官網(wǎng)，我去，那個頁面簡直像九十年代的東西，文字一堆堆的，圖片都糊了，看得我直撓頭。這不行，得動手改一改。

準備階段：摸清老底子

我抓起筆記本，一口氣列了個清單，看看都得干什么：

• 第一，弄明白他們官網(wǎng)的目標是不是吹牛打廣告，而是讓人一搜就能找到公司信息。
• 第二，找到聯(lián)系方式，打電話過去問問需求，結(jié)果等了半天沒人接，還是翻墻找到了個內(nèi)部郵箱地址。
• 第三，下載所有舊頁面的內(nèi)容，怕弄丟了鬧笑話，花了整整一上午備份到本地。

這步差點讓我歇菜，一堆破文字亂糟糟的，我差點想放棄算球。

動手環(huán)節(jié)：從零開始搭建

一切備齊后，我就擼起袖子干。先用個在線工具草草畫了個布局，重點突出公司項目和聯(lián)系電話。

• 第一招，改頭換面，把logo換成高清的，還加了個大背景圖，看起來專業(yè)點。
• 第二招，簡化導(dǎo)航，把那些雜七雜八的鏈接精簡成幾個按鈕，像“關(guān)于我們”和“聯(lián)系我們”這些核心東西。
• 第三招，優(yōu)化內(nèi)容，刪掉那些廢話，換成短句子，用大字體讓老頭老太太都能看清。

過程中沒少出錯，一會兒排版亂了，一會兒按鈕點不動，氣得我摔鍵盤，好在慢慢測試了幾遍，總算順溜了。

沖刺：上線前的檢查

搞了個七七八八，我叫了幾個朋友過來瞧瞧，免得上線后鬧笑話。

我們一起點來點去，揪出一堆毛?。?/p>

• 聯(lián)系方式那兒電話號碼寫錯了，差點讓用戶瞎打。
• 移動端打開賊慢，卡得人想哭。
• 有個圖忘了加alt描述，視力不好的人看不著。

又折騰了大半天，修修補補才算過關(guān)。

我狠狠點了上線鍵，新官網(wǎng)總算活過來了。忙活了這一通，雖說累成狗，但看到成果心里美滋滋——以后再不會有人說它老掉牙了。

我為啥會想到干這個？還不是前陣子閑在沙發(fā)上看手機，偶然看到個新聞?wù)f上海建設(shè)集團被投訴官網(wǎng)太爛，用戶找不到信息。我這暴脾氣就上來了，正好手頭沒啥事，一拍大腿就開工。搞完才想起，這折騰勁兒夠我喝一壺的，但總比宅家刷視頻強。