網站改版目的是什麼?我從 2025 年改版學到的三個啟示 1

我從 228 連假加班 6 天到現在,終於可以休息了……

到底發生什麼事?這是一個關於改變與成長的故事。

過去五年,我的部落格「閱讀前哨站」看起來像是一個「理工宅男」精心打造的冷冰冰教科書,雖然內容實用,但坦白說,連我女友都嫌醜。

我曾經固執地覺得「實用性」才是王道,外觀只是次要。但是在 2025 年,我終於決定跨出舒適圈,徹底改版網站,甚至因此廢寢忘食好幾天。

你可能會想知道,是什麼力量讓我從抗拒到擁抱改變?這次改版又為我帶來哪些深刻啟發?來聽聽這次的網站重大改版背後的故事,或許會給正在猶豫踏出改變的你,一點勇氣和靈感。


網站改版的啟發與反思

上個禮拜,我做了過去五年來改變最大的一件事情,就是我的網站進行了「大改版」。

從 228 連假到現在,這六天的時間幾乎是日夜不休的,只要我醒著都在寫程式、畫插圖、改網站風格和架構。

改完之後(很低調偷偷改),SEO 專家 Frank(邱韜誠)馬上丟我訊息:「你網站改版了?好美!」,Notion 生產力專家雷蒙(侯智薰)也跟我說他發現這個改變!其他眼尖的好友也陸續發現我默默在偷改網站,都給出很正面的評價(瓦基表示感到欣慰)。

我覺得,對我更具深遠意義的,其實是這一次網站改版背後發生的那些事。

首先,是為什麼這件事情會發生,是因為我前陣子剛好看到到雷蒙的新網站,他說他在原本的「雷蒙三十」主網站之外,架設了一個名為「生活黑客筆記」的副網站。

關於架設副站的原因,他說:「主網站依然持續經營,因為那是我 100% 的原創內容;副網站則是由教學團隊&學員投稿所累積的內容。 ​ 我希望讓這個網站,成為有生命力的『薦證』。」他搭建了一個新舞台給學員們,讓他們也成為英雄。

在看他的新網站的時候,由於我是對網站審美非常「挑剔」的一個人,非常在意用什麼配色、風格、排版、間距。所以我就進去他的網站看了一看,我馬上就看到好幾個有問題的地方。像是文章標題應該這樣寫比較好、間距怎麼樣拉比較好、哪邊有問題看起來不舒服之類的。

然後我就有一點雞婆,把我個人意見快速截圖、列點整理一下,馬上丟訊息給雷蒙,跟他說有看到這些狀況給他參考一下。當然他是很樂於收到這樣的真實回饋。

但是,我丟完建議給他之後,我自己反而覺得有點「不對勁」。就是說,我給人家這些建議,可是我自己的網站呢,是真的好嗎?我的網站難道就沒有問題嗎?

所以我就稍微回想了「過去」這五年來,雖然我從身邊聽到的絕大部分評價都是正面的。例如,我的讀者和聽眾經常告訴我「網站做得真好」,我認識的 KOL 朋友們也常告訴我網站「蠻好的,架構很清晰,很簡潔,很好閱讀」。

我聽到的評價幾乎都是好的,很少、很少聽到什麼不好的評價。這種狀況會讓我覺得有一點「自我感覺良好」,以為自己好棒棒。

可是,有另外一種意見我一直沒有跟大家講過,也不曉得你有沒有這樣想過。那個意見就是:我女友其實從我的網站架設好的「第一天」開始,她就跟我說我的網站很醜了。

網站改版目的是什麼?我從 2025 年改版學到的三個啟示 2
舊網站的配色是冷靜的藍色和方形的邊框

網站改版的思考與掙扎

為什麼她覺得醜?因為我的網站採用「白底色配科技藍色」,她說看起來像理工宅男做的東西,很像教科書網站,感覺生硬嚴肅,進到這個網站就好像要學習,或準備某種考試。她覺得這個配色和樣式讓人有一種距離感。

對,她從第一天就這樣告訴我了。五年了。

其實,我在架網站的第一年,那時候我在台積電擔任系統專案副理。必須說,當時的審美觀受到工作環境影響,覺得系統實用就好,美觀沒那麼重要。所以,我雖然投注了一些心思,但更多是以工程角度、實務主義,去設想網站的一切。

儘管她這樣講,我還是照我的想法做,因為那時候只是試試水溫。然而,一旦開始做網站,就投入了很多時間和資源,有沉沒成本。所以後來追加的功能和調整,都圍繞著原本的風格和配色,一路發展到現在。五年了,一直維持白底、藍色、黑色、灰色等冷硬的顏色。

五年來,偶爾我會試探性問我女友,但她始終覺得很醜,不喜歡看。她很誠實,不會為了討我歡心說出違心之論(但這也是我最喜歡她的點。唉,真奇怪。)。但是,我自己看久了,也習慣了,不覺得需要改變。

我回想起來,我猜測「不喜歡」我網站的人,通常一看到就跳轉走了,才不會留下來給回饋。而會繼續看的人,大多接受這種風格,至少內容吸引他們。讀者朋友們給我的反饋,通常是網站條理清晰、結構良好、實用務實。所以過去五年我也覺得沒必要改變。

(如果你跟我女友抱持同樣看法,但是一直不好意思跟我說,我必須跟你說聲感謝包容。)

直到最近,我才開始認真思考。過去五年來,我已經從科技業的工程專業,轉變成為全職說書人和自媒體經營者,每一次的活動和挑戰,都推動著我更貼近客戶和大眾生活。我重新問自己:「現在這個網站是我真心喜歡的嗎?」

「我其實沒有那麼喜歡這個網站了。」內心的答案從來不會騙人。

過去幾年來,我內心其實很明白女友的看法「可能是對的」(我可能錯了),但一直不想改變的原因,就是因為沉沒成本太高,而且我害怕改變(我是個保守傾向的人)。可是 2025 年對我來說正是改變的一年,我已經下定決心要改變。

因此,我開始問自己很多問題,發現確實不再喜歡這個網站,內心有了改變的想法,這個改變即將發生。


網站改版的創新思考

所以,我回想了一下,我五年以來,網站參考的對象一直《原子習慣》的作者 James Clear 的網站

說實話,他也是一個很無聊的人(這是讚揚的意思),跟他的網站一樣。網站上沒有什麼圖片和藝術氣息,放眼望去都是文字,純文字。他注重以文字的實用性和內容的價值為主,所以網站的風格就是這樣。

過去的我,崇尚那樣的風格去設計網站,所以圍繞在這種簡潔的元素上面,偶爾穿插一些插圖點綴而已。很無聊,但「以前的我」很喜歡。

然而,「現在的我」想要更不一樣、更活潑的東西。經過去年底到今年初整整兩個月的商業思考,我現在有更多的想法和不同的策劃,想要改變過去一成不變的形象。在這種情況下,我開始思考有哪些創作者的網站是我喜歡的。

最近,我很欣賞的前醫生 YouTuber Ali Abdaal 的網站,前陣子也迎來了重大改版,非常漂亮、賞心悅目,看起來很年輕化、很有活力。我個人非常喜歡,如果要找一個模範來學習,我覺得最好的對象就是他了。

因此,我開始思考如何調整,可以學到他網站上的優點,並運用在自己身上,再加上自己的特色。所以這次改版,你會看到我的網站大約有 87% 像他的。

在這次改版的過程中,我一邊做、一邊學。很多網頁上的樣貌,不是你看到就知道該怎麼做,而是需要拆解程式碼,分析底層架構格式。再加上網站背後使用的套件不盡相同,因此要模仿的難度也隨之提高,所以這對我來說是一個巨大挑戰。

另外,關於內容架構部分,我很欣賞的另一位網路創業家 Pat Flynn,他的網站 Smart Passive Income 架構非常完整、有條理。所以在網站底層的「分類」和「標籤」的邏輯和架構方面,我也參考了他的一些做法。綜合這兩個網站的優缺點後,我重新思考自己要做什麼、怎麼調整。

一開始,我還以為這「只是」網站美編工程,包括網頁編輯和風格設計。後來才發現,我完全錯估了這個挑戰,它遠遠不只是一個單純的「網站改版」,而是一個「商業模式的重新思考」。

網站改版有多重要?我從 2025 年改版經驗學到的三個啟示
2025 年的全新網站首頁

網站改版的反省過程

首先,當我在改版網站的時候,除了版面設計之外,我覺得最大的挑戰是重新檢視過去的「頁面分類和標籤」,以及新的設計和排版該如何安排。

我發現過去的分類真的不夠好,也不夠有策略性。感覺就像是把很多書籍心得和一些新的文章全部集中在一起,然後放在網站上而已。

雖然很多人給我的回饋覺得這樣已經「很好了」,可能在他們心中達到 80 分以上的等級,但對我來說,在這次重新檢視之後,我仔細拆解每個元素,發現原本的網站其實是「不及格的」。

因此,我開始思考過去寫了許多凌亂的內容,如旅遊文章、職場心得、軟體應用文章、書單策展和推薦好書的文章等等。之前我很懶惰,隨便亂分類,只是把它們全部丟在部落格上自動更新。這次我才發現分類可以做得更細緻。

透過這次網站改版,我了解到如何將網站分類更有條理。原本是一個書籍心得和生活心得的「大雜燴」,現在的我反而要仔細思考:「如果我的網站要分成三個或四個最大的類別,那應該是什麼?」接著再往下細分,每一個類別應該包含什麼內容。我已經做過哪些,未來要做哪些。

其實在做網站的過程中,我花最多時間思考的是如何重新分類、重新定義這些內容,甚至要決定未來要朝哪個方向前進,以及在哪些分類上加倍投入。

這完全就是一個「商業決策的思考過程」。我在筆記本和筆記軟體寫下天馬行空的想法,我做了很多分析和思考,也找了一些朋友聊天,詢問他們對這些分類的看法。

我最意外的收穫,正是因為這次改版網站,我才把今年年初一月到二月那段「茫然期」想清楚。當時我在思考接下來三年或五年的商業模式調整、新增內容或調整比重等問題,整個腦袋非常混亂。但透過這次改版,我終於把很多事情理清楚了,也透過網站的分類,把這些想法具體化。

網站改版目的是什麼?我從 2025 年改版學到的三個啟示 3
網站分類草稿。原本的網站改版變成了商業策略的腦力激盪

網站內容分類的重新打磨

在過去的五年,我在架設設網站時,總是思考如何「展示自己」,讓人覺得我很有料、值得追蹤。因此,我的分類大多是以自我為中心。然而,最近在重新規劃時,我發現這樣做並不合適。

參考了其他優秀的網站後,我才終於明白真正吸引我的,是那些能讓我一目了然能夠「學到」或「得到」什麼的網站,而不是單純展示個人厲害之處的網站。

因此,我決定改變思路,不再是展示自己,而是思考讀者可以從我的網站得到什麼。我開始清晰地規劃分類。

例如,「閱讀筆記」(讀書心得)仍然是最重要的一塊,因為許多人需要深入的書籍解說和觀點評註。這部分我依然會繼續做,因為它既是我喜歡的,也是讀者需要的。

另一部分是「挑選好書」。去年,我開始做主題性的書單文,如投資理財、心靈成長、商業管理…等,幫助讀者節省時間、快速挑到好書。因此,「如何挑選好書」成為另一個重要分類。

接下來,我整理了其他內容,如如何養成好習慣、子彈筆記法、知識管理和職場技巧等。我發現這些都是我自己「學習如何成為更好的人」的過程分享。因此,我將它們歸類為「閱讀實踐」。取名的原因是這些智慧大多來自好書,而我只是把他們實踐出來的人而已。

此外,我經常分享一些軟體和工具,如有專案管理軟體、筆記軟體、AI 軟體等。許多人也好奇我訂閱什麼有聲書或雜誌,因此我將這些整理在「知識管理工具箱」中,希望大家能從中獲得好資源。

總結起來,我的網站首頁現在就開宗明義寫「我可以怎麼幫你?」,並且分成四個主要分類:讀書心得、閱讀實踐、精選好書和知識工具箱。在網頁底部,我還會提供免費資源,進階學習方法,像是如何做筆記和養成好習慣等。

我希望大家在瀏覽網站時,可以快速找到所需的幫助。改版的邏輯從「展示自我」的角度,變成了「別人需要什麼」的角度。

網站改版目的是什麼?我從 2025 年改版學到的三個啟示 4
2025 年的全新網站分類

網站改版的心情寫照

還有一件事,就是我這次在網站改版的過程中,幾乎廢寢忘食。

從 228 假期開始,大家都出門旅遊或狂追劇,我本來也計劃這三天要玩遊戲(有玩《魔物獵人荒野》的人……拜託不要爆我雷)。但是,當我開始規劃新的分類和架構後,創造力的火種瞬間被點燃,欲罷不能。各種天馬行空的想法和點子湧現!

像是這次網站上許多漂亮精美的圖都是我用 Canva 畫的。此外,頁面還有很多的小元素設計,都是希望讓網站更活潑生動,讓每個頁面都令人耳目一新。

我期待的是,舊讀者會感到「驚喜」,未來的新讀者也會對這個全新的網站感到「驚豔」。簡單來說,改版的方向就是讓架構更鮮明,圖片更新穎,瀏覽體驗更乾淨舒適。

我特別選了溫暖的底色和配色,使整個風格像「紙張」般的閱讀感。主色系挑選較年輕明亮的顏色,像是偏亮的藍色、黃色、橘色等。排版也採用「圓角化」,看起來柔和不生硬。適當地運用「色塊」進行版面配置,把「邊框」的元素減少到最低最低的程度。

經過完整思考後調整,我便開始把所有元素部署到網站上。

過程中遇到很多困難,特別是 CSS 網頁樣式的部分,非常難做。我不是學網頁設計的本科出身,但是透過 ChatGPT 解決了我許多疑難雜症。甚至,我還向布景主題服務商的客服求助,他們也幫我解決了兩個重大的問題(對方可能覺得我這個網頁菜鳥來亂的)。

值得一提的是,這段時間的「心流體驗」非常強烈,每天都沉浸其中。

而且,我女友也很支持我,因為她過去五年來一直給我提點,我直到現在才終於決定改變,她也很開心並期待這次改變。改完後,她看到網頁眼睛為之一亮,表示非常喜歡,還稱讚了許多小細節和元素,讓我感到超有成就感。

2025 年對我來說是改變的一年,不只是網站,還有許多其他事情正在醞釀。我非常期待接下來的發展。如果你還沒看過網站,一定要去看,這會是一個讓你耳目一新的瀏覽體驗。如果你覺得不錯,也可以推薦給朋友(絕對不會害你丟臉)。

感謝許多讀者在過去幾天以來,陸續寫信、私訊給我表示讚賞,讓我對這次改變充滿信心。也歡迎大家給予回饋。如果你覺得網頁哪裡有問題,或排版看起來怪怪的,歡迎直接截圖留言給我。新改版剛上線不久,一定會有些小問題,非常期待大家的指正和回饋。

最後,說書人的老毛病,就是講什麼東西都要來做一段總結。以下就總結這次的三個重點。

感謝每一位讀者朋友們,讓我們一起展開新的篇章吧!


三個重點總結

1.改變是痛苦但必要的成長過程

我從一個以工程師實務導向為主的網站,到充滿活力和溫度的新風格,過程中最大的阻力是內心對改變的恐懼。投入多年心血所累積的沉沒成本,使我不敢輕易改變。但正因這樣的掙扎,我明白了,改變是成長不可避免的痛苦陣痛。你必須願意放棄過去的既得利益,才能真正創造出令人眼睛一亮的未來。接受改變,就是接受更好的自己。

2.真正吸引人的網站,是帶給讀者價值的網站

過去我只想透過網站展示自己有多優秀、多有料,但經過反思與這次的大改版,我體認到真正成功的網站不只是表現自己,而是要讓訪客明白「他們可以得到什麼」。因此,我調整了內容分類,更加聚焦在讀者的需求上,例如精選好書、閱讀實踐方法、知識管理技巧,真正提供讀者需要且實用的價值,讓他們能迅速獲得改變自己人生的工具。

3.商業模式要隨著個人成長而調整

這次網站改版最深刻的啟發,就是它不只是美感的調整,而是背後整個商業模式與策略的重新思考。透過重新規劃網站分類,我清楚了未來幾年的發展方向,並且更精準地知道如何分配資源與精力。當你的目標清晰且與你的成長同步時,商業模式的調整將更有意義,也更能長久地吸引和留住受眾,為你帶來更深遠且持續的影響力。


您可能也會有興趣的其他文章

你喜歡這篇文章嗎?

我幫助忙碌的現代人提煉好書精華。透過 Email 收到每週兩封電子報:最新的讀書心得、好書金句、能激發思考的問題,直達你的信箱。

Subscribe Book Picking

如果內容不適合你,可隨時取消訂閱。

加入 80,000 多位
喜歡閱讀的訂閱者

Waki 瓦基

書評部落格《閱讀前哨站》和 Podcast 說書頻道《下一本讀什麼?》創辦人、《卡片盒筆記實戰課》和《化輸入為輸出》課程講師,時常分享讀書心得和書評,喜歡將書中所學加以活用,實踐在職場與生活中。

下一篇讀什麼?

追蹤最新的留言
通知我:
guest

20 則留言
內文留言
查看全部的留言
Liu Michael
訪客
Liu Michael
2025-03-10 1:43 下午

至今能讓我
持續觀看的
資訊
衹有你閱讀前哨站
退休後的唯一,

改變為自己
開心就好

記得那句:
転念。耘變 耘型
階段性任務達成了

下一步做什麼?
是個人抉擇與取捨!

話說95%的閱聽人
看到你的分享是感謝的
因為大家都沒有你的
學習力解讀整理分享力

吸收唯恐不及
回饋的能力與習慣
也是要學習的
怕出醜是人的本性

話說今天能夠靜下來思考閱讀
你的分享已是上天賜福。

若是我自私的角度
如果眼睛不吃力
就多看幾篇
不輕鬆
就跳出休息

故視覺上的舒適與
停留長時間閱讀是一致的

Joyu
訪客
Joyu
2025-03-09 8:54 下午

比較喜歡原本顏色…自比較清楚容易看…這個顏色的字體不知道為什麼著反而眼睛有點累…

CWLIN
訪客
CWLIN
2025-03-08 9:33 上午

無論新版舊版都好看!有一個瘋狂的想法,不知道有沒有可能有一個按鈕可以切換「新版/舊版」,前提是舊版還留者,而且不可以增加瓦基任何工作量的情況啦!理由是或許2種版本都各有所好,另外一個很爛的理由是我其實想要來回切換看看到底哪些細節變了XDD

最後編輯於 5 天 前 by CWLIN
CWLIN
訪客
CWLIN
2025-03-08 6:31 下午
回覆給  Waki 瓦基

嗯嗯嗯幸好有封存,未來等瓦基寫回憶錄時或許可以派得上用場囉^_^

chyng
訪客
chyng
2025-03-07 5:04 下午

老實說…我很喜歡原先的白底科技藍,資訊清楚明白,放眼望去都是純文字很舒服,文字的實用性和內容價值對我來說更為重要,新版網站倒是讓我覺得眼花撩亂抓不到重點,會想跳離頁面,是不是我不太正常哈哈

Sam
訪客
Sam
2025-03-07 9:26 上午

嗨瓦基,我很喜歡你的網站還有讀書筆記,總是讓我獲益良多。看了這篇之後想說給個小小回饋,就是我習慣性使用瀏覽器的“黑暗模式”來閱讀,結果新網站就變成附圖的這個樣子(舊網站反而不會被黑暗模式影響)。不曉得網站設定有沒有可能兼顧習慣“黑暗模式”之用戶的閱讀體驗呢?

Screenshot_20250307-092002
Sam
訪客
Sam
2025-03-07 9:53 下午
回覆給  Waki 瓦基

對,我用的瀏覽器是Brave,手機或是電腦都是一樣的問題😊

Sophia
訪客
Sophia
2025-03-07 8:59 上午

這改版是不是參考ali abdaal的網站呢?
感覺是同一個樣子的設計

Alice
訪客
Alice
2025-03-06 8:29 下午

新版的網頁真的變更溫暖,但滑到最下方還有舊影子,會有一點差異,或許遮罩顏色可以變成深咖啡色的?比較接近現在的暖色調~參考看看😆

IMG_8960
Alice
訪客
Alice
2025-03-06 9:03 下午
回覆給  Waki 瓦基

我是指這個區域~是首圖的縮圖

IMG_8960