從事網頁設計20年的經驗分享：行業變遷與未來展望

一、2006年：創業的初心

2006年，Facebook剛剛向公眾開放，Twitter正式推出，YouTube被Google收購。嗰個年代，香港大部分中小企連自己嘅電郵地址都未必有，更遑論擁有公司網站。

1.1 創立EC Shop City的原因

我仍然記得，當年我去唔同公司推銷網頁設計服務時，最常聽到嘅回應係：「我哋做咗幾十年生意都冇網站，點解而家要整？」

但我深信，互聯網會徹底改變商業運作嘅方式。創立EC Shop City嘅初心好簡單：幫助香港中小企以合理價錢擁有專業網站，喺數碼時代唔好落後。

1.2 2006年的網頁設計

回顧網頁設計歷史，2006年嘅網站係點樣嘅？

• 固定寬度（通常800像素或1024像素）
• Table佈局係主流
• Flash動畫intro幾乎係標準配置
• 瀏覽器相容性係惡夢（IE6當道）
• 冇智能手機，冇響應式設計

二、Flash時代（2006-2010）

如果你有經歷過2000年代嘅互聯網，一定記得嗰啲華麗嘅Flash網站。

2.1 Flash的輝煌歲月

喺網頁設計歷史入面，Flash（當時叫Macromedia Flash，後來被Adobe收購）係一個劃時代嘅技術。佢令網站可以有：

• 流暢嘅動畫效果
• 互動遊戲
• 影片播放
• 複雜嘅視覺效果

當年，一個「高級」嘅企業網站一定要有Flash intro——通常係一段30秒到1分鐘嘅動畫，展示公司logo同口號。客戶覺得有Flash就代表專業、有實力。

2.2 作為網頁設計公司的挑戰

作為網頁設計公司，嗰個年代嘅挑戰包括：

2.3 Flash的衰落

2010年，Steve Jobs發表著名嘅「Thoughts on Flash」公開信，宣布iPhone同iPad永遠唔會支援Flash。呢個決定敲響咗Flash嘅喪鐘。

我仲記得當時有啲客戶好擔心：「咁我哋個Flash網站點算？」我哋開始建議客戶轉用HTML5同CSS3，但好多人一開始都唔願意，因為「冇咗Flash就唔夠靚」。事實證明，呢個轉變係必須嘅——2017年，Adobe正式宣布停止支援Flash，2020年徹底終結。

三、響應式革命（2010-2015）

2007年iPhone面世，2010年iPad推出，智能手機同平板電腦開始普及。呢個變化徹底改變咗網頁設計歷史嘅軌跡。

3.1 響應式設計的誕生

2010年5月，Ethan Marcotte喺A List Apart發表咗「Responsive Web Design」呢篇文章，正式提出「響應式網頁設計」嘅概念。呢個概念徹底改變咗我哋網頁設計公司嘅工作方式。

響應式設計嘅核心理念係：一個網站可以自動適應唔同螢幕尺寸，由桌面電腦到平板到手機，都可以有良好嘅瀏覽體驗。

3.2 Bootstrap的出現

2011年，Twitter推出Bootstrap框架，令響應式設計變得更加容易實現。我哋EC Shop City好快就開始採用Bootstrap，大幅提升咗開發效率。

呢個時期，我哋經常要同客戶解釋：「你哋個網站喺手機上面睇唔到㗎喎，要改做響應式先得。」

3.3 艱難的轉型期

對於我哋呢啲網頁設計公司嚟講，呢個時期係艱難嘅轉型期：

• 要學習全新嘅技術同概念
• 開發時間增加（要測試唔同裝置）
• 客戶一開始唔明白點解要加錢
• 舊項目要重新製作

但係，堅持轉型係正確嘅決定。嗰啲拒絕改變嘅公司，好多都已經消失咗。

四、手機優先時代（2015-2020）

2015年，一個里程碑時刻：Google宣布手機搜尋量首次超越桌面搜尋。呢個標誌住「手機優先」時代正式來臨。

4.1 Google的Mobile-First Indexing

2018年，Google正式推出Mobile-First Indexing，即係話Google會以網站嘅手機版本作為排名嘅主要依據。呢個政策徹底改變咗SEO同網頁設計嘅優先次序。

對於我哋網頁設計計劃嚟講，「手機優先」唔再係可選項，而係必須。

4.2 用戶習慣的改變

4.3 網上商店的崛起

呢個時期，電子商務開始爆發。越來越多客戶唔止要企業網站，仲要網上商店功能。我哋EC Shop City亦都開始大力發展電商網站服務。

我記得有個客戶，2015年開始喺我哋度做網店，第一年營業額只有幾萬蚊。到2020年疫情期間，佢嘅網店月營業額已經過百萬。呢啲成功故事令我好有滿足感。

五、現代化與AI興起（2020-2026）

2020年嘅新冠疫情加速咗數碼轉型，而近年AI嘅突破更係徹底改變緊我哋嘅行業。

5.1 疫情帶來的轉變

2020年初，疫情爆發。短短幾個月內，我哋收到嘅網站查詢量暴增300%。好多本來覺得「唔使整網站」嘅公司，突然發現冇網上presence係唔得。

呢段時期，我哋幫助好多傳統行業建立網上業務：

• 餐廳需要網上訂餐系統
• 零售店要網上商店
• 服務業要網上預約
• 教育機構要網上課程平台

5.2 技術的進步

呢幾年，網頁設計技術發展得好快：

• Core Web Vitals：Google將網站效能納入排名因素
• 無障礙設計：WCAG標準越來越受重視
• PWA：網站可以好似App咁安裝同運作
• Jamstack：新嘅網站架構提升效能

5.3 AI的衝擊

2022年底ChatGPT面世，2024年AI設計工具開始成熟。好多人問我：「AI會唔會取代網頁設計師？」

我嘅答案係：AI係工具，唔係替代品。AI可以幫我哋：

• 更快咁生成設計概念
• 自動優化圖片同代碼
• 撰寫初稿內容
• 自動化重複性工作

但係，理解客戶需求、制定策略、確保品質——呢啲仍然需要人嘅判斷同經驗。作為網頁設計公司，我哋要學識善用AI提升效率，而唔係被AI取代。

六、20年來最深刻的教訓

回顧呢20年嘅行業經驗，有幾個教訓係我最深刻嘅：

6.1 技術會變，用戶需求不變

Flash消失咗，但用戶想要「好睇、好用、快」嘅網站，呢個需求從來冇變。技術只係達成目標嘅手段，唔係目標本身。

6.2 唔好抗拒改變

我見過太多網頁設計公司因為抗拒改變而結業：

• 堅持用Flash，唔肯學HTML5
• 拒絕做響應式設計
• 忽視手機優先趨勢
• 唔學新技術，原地踏步

喺呢個行業，持續學習唔係選擇，係生存嘅必須。

6.3 客戶關係比任何技術都重要

EC Shop City有好多客戶係由2006年合作到依家嘅。呢20年嚟，我哋幫佢哋嘅網站改版過好多次，見證住佢哋嘅業務成長。呢種長期關係，係任何技術都買唔到嘅。

6.4 平衡創新與穩定

唔係每個新技術都值得追。我哋要分辨邊啲係真正嘅趨勢，邊啲只係一時嘅潮流。例如，我哋好早就判斷響應式設計會成為主流，所以大力投資。但有啲技術（例如某啲JavaScript框架），我哋會觀望一段時間先決定係咪採用。

七、給新入行者的建議

如果你有興趣入行做網頁設計，以下係我嘅一啲建議：

7.1 打好基礎

• HTML、CSS、JavaScript嘅基礎一定要扎實
• 理解設計原則（排版、色彩、用戶體驗）
• 學識用Git做版本控制

7.2 持續學習

• 呢個行業變化好快，要保持學習嘅習慣
• 留意行業趨勢同新技術
• 但唔好盲目追新，要有判斷力

7.3 培養商業思維

• 網頁設計嘅最終目的係幫客戶達成商業目標
• 學識理解客戶需求，唔止係執行指令
• 了解SEO、網上推廣、轉換率優化等相關知識

7.4 建立作品集

• 實際作品比任何證書都更有說服力
• 可以由個人項目開始累積
• 記錄每個項目嘅挑戰同解決方案

八、未來展望：2026年及以後

基於我20年嘅行業經驗，以下係我對未來嘅預測：

8.1 AI將深度整合

• AI輔助設計會成為標準工具
• 個人化內容會更加普及
• AI客服同聊天機器人會更智能
• 但人類設計師嘅角色會轉變，唔會消失

8.2 無障礙設計將成為標準

• WCAG合規會成為基本要求
• 政府同大企業會帶頭推動
• 唔合規可能面對法律風險

8.3 效能同用戶體驗更重要

• Core Web Vitals會繼續影響SEO排名
• 用戶對速度嘅期望會越來越高
• 「快」同「好用」會比「靚」更重要

8.4 新交互方式出現

• 語音介面會更普及
• AR/VR網頁體驗可能會興起
• 穿戴裝置嘅設計需求會增加

九、EC Shop City的發展歷程

作為EC Shop City嘅創辦人，我想簡單分享一下公司呢20年嘅發展：

9.1 發展里程碑

9.2 我們的價值觀

呢20年嚟，有啲價值觀係我哋一直堅持嘅：

• 價格透明：所有收費公開，冇隱藏費用
• 技術更新：持續學習，緊貼行業發展
• 客戶至上：用心理解客戶需求
• 長期關係：做伙伴，唔係做一次性交易

9.3 展望下一個20年

踏入第20年，EC Shop City會繼續：

• 為香港中小企提供優質網頁設計服務
• 緊貼技術發展，持續進步
• 善用AI等新工具提升效率同質素
• 培養更多網頁設計人才

多謝所有客戶同合作伙伴呢20年嘅支持。如果你有任何網頁設計、網上商店需要，歡迎聯絡我哋！