course

課程資訊

2026年
10/19
地點 : 全國商業總會
時間 : 18:40~21:40
全國商總AI行銷第5堂|網站UI/UX與商品文案實戰-黃震宇

2026/10/19|全國商業總會36小時AI行銷課程|第05堂

同樣是賣一件涼感衣,為什麼有的網站讓人很快買到,有的卻讓客戶放棄?

網站有流量,客戶卻不詢價;產品規格明明不差,消費者卻選擇競爭對手。問題有時不在廣告曝光,而在網站動線、商品資訊、差異化與最後的購買流程。

2026年10月19日,黃震宇(小胖老師)於中華民國全國商業總會《企業數位行銷與AI商務成長班第01期》第五堂課,先以白板拆解客戶決策流程,再安排學員分組比較UNIQLO與lativ的網站UI/UX,並透過現場報告、商品文案與行銷表達案例,討論企業如何從「被找到」走向「被選擇」。

本堂課程資訊

正式班別:企業數位行銷與AI商務成長班第01期

本堂課名:第05堂|AI應用於行銷內容素材產製

授課日期:2026年10月19日(星期一)

授課時間:18:40~21:40(3小時)

訓練單位:中華民國全國商業總會

上課地點:台北市大安區復興南路一段390號6樓

授課講師:一路科技 黃震宇(小胖老師)

完整班別:12堂、共36小時

課綱名稱為「AI應用於行銷內容素材產製」;本篇依實際錄音與學員報告,聚焦當日可確認的網站轉換、溝通與商品內容教學,不將未錄製的分組討論或未進行的AI實作自行補寫。

一、從被想到、被找到,到客戶願意採取行動

課堂前段,黃震宇老師從品牌與網路行銷的基本問題開始:企業當然希望有需求的客戶第一個想到自己;但如果品牌尚未進入客戶的考慮名單,就必須先透過搜尋、內容與其他曝光管道爭取「被找到」的機會。

找到企業只是起點。使用者點進網站,還會持續確認:有沒有來對地方?找不找得到商品?規格、價格與交易條件是否符合需求?和其他供應商相比有什麼優勢?值得相信嗎?最後又該如何購買、預約或詢價?

① 優先被想到/被找到
↓
② 確認來對網站
↓
③ 快速找到目標商品
↓
④ 核對規格與交易條件
↓
⑤ 比較企業與產品差異
↓
⑥ 透過第三方口碑建立信任
↓
⑦ CTA:詢價、預約、購買

老師以7-ELEVEN的飲料區、零食區等實體分類作比喻,說明網站分類應符合客戶的認知;又以商店結帳櫃台為例,提醒企業要讓購物車或詢價入口出現在容易理解的位置。UI(使用者介面)與UX(使用者體驗)相互影響,不能只顧漂亮而忽略好不好用。

對B2B企業而言,除了展示產品,還應讓採購者能快速核對材質、功能、應用範圍、交期、服務能力與技術文件。相關七步驟方法,已另外整理為網站有流量沒詢問?7步驟提升網站轉換率專業知識文章;本篇則著重這堂課實際怎麼教、學員怎麼操作。

2026年10月19日全國商業總會AI行銷課程黃震宇老師白板,說明網站UI UX、產品規格、差異化、第三方口碑、CTA與大數據客戶旅程
圖:黃震宇老師於第五堂課現場白板說明網站從曝光、商品篩選、差異化、WOM口碑與CTA,到Big Data主動行銷的連貫流程。

二、Big Data不只是報表:網站如何從被動等待走向主動行銷?

當客戶不只看了一頁商品,而是反覆瀏覽、比較其他選擇,這些互動能提供企業改善網站的重要線索。老師以服飾電商、旅館訂房與汽車零件業為例,說明為何需要觀察熱門商品、產品之間的關聯、購買流程及舊客戶需求。

  • 熱門商品調整:哪些商品有人看、卻少有人加入購物車或詢價?值得檢查價格、資訊完整度及購買障礙。
  • 關聯商品推薦:消費者選購某項商品時,可以依實際用途與商品搭配關係呈現延伸選擇。
  • 既有客戶經營:在資料使用合法且符合客戶意願的前提下,針對相應需求提供新品或活動通知。
本堂教學重點:大數據的用途不只是回頭看網站流量,而是協助企業更了解需求、改善決策流程,並在適當時機主動服務客戶。

技術提醒:GA4、網站事件與會員系統需正確設定;追蹤與再行銷應遵守個人資料、隱私及客戶同意要求。課堂案例不表示所有網站都能直接辨識個別訪客。

三、實作任務:用同一個購買需求比較UNIQLO與lativ

完成網站動線觀念後,老師請學員暫時忘記自己是網站管理者或企業經營者,改用消費者的身分進入兩個服飾網站。任務很明確:為同一位家人選購涼感衣,確認款式、規格與尺寸,再嘗試進入購物車及結帳流程;不需要真的刷卡。

這項任務的重點不是評選哪個服飾品牌比較有名、衣服比較好穿,而是檢查不同網站的分類、搜尋、資訊呈現與操作流程,哪裡讓使用者順暢,哪裡又可能造成猶豫或放棄。

任務一|找到商品

是否能從首頁、選單或搜尋功能快速找到涼感衣?商品名稱是使用者聽得懂的詞,還是需要先知道品牌系列名稱?

任務二|核對規格

如何判斷顏色、尺寸、庫存與穿著方式?是否有清楚的尺寸表、真人實穿照片或身高體重參考?

任務三|走到下一步

加入購物車是否直覺?付款、運送、免運門檻與會員資料流程,是否在適當階段提供,還是形成購物阻礙?

備註:分組自行操作與討論的時間沒有錄音;本文根據教師已錄製的任務說明,以及各組隨後上台報告的內容整理,不補寫沒有佐證的討論細節。

四、學員上台報告:四個細節決定電商購物體驗

分組後,老師邀請學員輪流上台分享。不同組別有時給出不同答案,正好呈現「網站好不好用」與目標客群、購物動機及個人習慣有關,不能只靠設計者的主觀喜好判斷。

觀察1|「涼感衣」搜尋,和品牌系列名稱不一定相同

有學員指出,直接搜尋「涼感」時,網站能否迅速顯示相符商品很重要;如果使用者必須先理解AIRism等品牌系列名稱,才知道去哪個分類找衣服,第一次造訪的客戶就可能多花時間。老師提醒,分類要兼顧品牌名稱與顧客常用語言。

觀察2|圖片、分類與情境感受各有優缺點

部分學員欣賞生活情境、穿搭照片與視覺氛圍;另一些學員則更重視能不能直覺看到商品類別、快速完成選購。老師將兩種瀏覽動機比喻為「逛街型」與「需求型」:前者希望透過瀏覽發現商品,後者通常已經知道自己要買什麼。

觀察3|喜歡的顏色沒有尺寸,可能直接流失訂單

一位學員分享,自己選到喜歡的顏色,接著才發現沒有合適尺寸,只能反覆返回改選;最後因為找不到滿意組合而放棄購買。這是本堂最具體的使用者體驗案例:商品吸引人,不代表購物流程一定能完成轉換。

觀察4|真人實穿、尺寸表與購物步驟都需要檢查

老師再以替家人選購衣物的情境,實際查看商品尺寸指引、真人實穿參考與身高體重資訊。對無法試穿的網購消費者來說,足夠的尺寸判斷依據可能比更華麗的視覺更重要;同樣地,購物前若要求填寫過多不必要資料,也可能讓部分顧客失去耐心。

實作結論:不是判誰贏,而是找出哪些設計有助於完成任務

當日學員與講師的比較屬於現場使用觀察,沒有進行完整品牌研究或統計檢定;網站畫面與功能也可能隨時間調整。因此,本堂重點在評估方法,而非宣稱UNIQLO或lativ其中一方整體轉換率較高。

五、好的產品文案不只是形容詞,更要講出差異與使用價值

進一步分析商品頁時,黃震宇老師提醒:企業都會說自己「舒適、透氣、品質好」,但單靠這些形容詞,很難讓消費者理解和其他產品有什麼差別。真正有說服力的產品文案,應該能回答「好在哪裡?誰適合?為什麼值得這個價格?」

案例一|涼感衣:從「清爽舒適」走向Q-max、情境與佐證

在課堂的涼感衣比較中,大家注意到不同商品頁會使用透氣、穿搭方式、消費者回饋,以及Q-max等指標介紹特色。老師指出,數據、適用條件與實際使用說明若能搭配呈現,通常比只寫「超涼感」更容易讓客戶了解產品。

不過,Q-max或滿意度數字應有可查核的測試與資料來源;不同產品的條件不一定相同,不能只因某品牌沒有在頁面寫出指標,就推論它的性能較差。

案例二|白襯衫:消費者比較的不一定只是價格

黃震宇老師分享自己的白襯衫穿著經驗:有些產品價格較高,但如果比較能維持整齊外觀、減少整理頻率,對經常參與正式工作場合的人而言,額外的便利性也可能成為購買理由。

這段是講師的個人使用體驗,非正式品牌測試;教學重點不是替品牌排名,而是示範怎麼把產品差異轉換成客戶能理解的實際利益。

案例三|汽機車改裝零件:不同客群要的賣點不同

透過現場學員的金屬加工與排氣管相關業務,老師討論有些消費者重視外觀,有些重視聲音,也有人在乎實際性能。若把所有客群都當成同一種需求,商品文案就可能說不到重點。涉及性能、安全或合規的對外宣稱,更應以實際測試資料及適用法規為依據。

寫商品文案時,先回答這四件事

  1. 客戶真正要解決什麼問題?
  2. 產品有哪些清楚的規格、功能與適用情境?
  3. 相較其他選擇,差異在哪裡、有什麼證據?
  4. 客戶看完後,最合理的下一步是什麼?

六、從自我介紹練習行銷:爆點、痛點、反差與故事

除網站操作外,老師也邀請學員上台自我介紹。當有人說自己負責電子商務,老師便繼續詢問:服務什麼產業?銷售哪些產品?是製造商、代理商還是服務單位?自己主要負責哪些工作?

透過這些追問,學員發現,原本一兩句模糊的介紹,只要補上產業、產品、工作內容與具體經驗,就更容易讓聽眾理解並留下印象。

爆點

以引人注意的問題、情境或資訊,讓對方願意停下來聽。

痛點

理解客戶最在意的困擾與需求,而不是只講公司想說的優點。

反差

從符合事實、和一般預期不同的角度,創造記憶點。

故事與細節

清楚交代人物、場景、過程與結果,讓聽者能理解並願意提問。

老師並以旅遊見聞與個人興趣示範「說得直白、說得詳細」:只說「我喜歡去日本」不容易留下印象;若補上旅行方式、去過的地方,以及為什麼有這種感受,就可能讓對方自然追問更多。

換成行銷文案,意思也是相同的:先讓目標客戶覺得這個主題和自己有關,再用具體、可信的內容回答問題;不需要靠誇大或未查證的故事製造爆點。

七、商品照片該不該有人物情境?用A/B測試找答案

老師接著用「純白底商品照」和「模特兒穿搭情境照」說明消費者偏好差異:有些人希望專心看清楚衣服本身;有些人則喜歡透過穿搭、場景與氛圍想像使用效果。

這也是為什麼網站設計很難只靠個人喜好下定論。老師在課堂上介紹A/B Testing的概念,鼓勵大家比較不同照片或設計方式的表現。若要正式執行A/B測試,應盡可能對相近的訪客同期分流,並事先設定衡量指標;只比較不同星期的結果,仍可能受到促銷、季節或流量來源影響。

本次學員做的是任務導向的網站使用觀察與報告,並非已執行具統計檢定的A/B實驗。企業後續可配合GA4事件、詢價數據或購物轉換,評估商品照、尺寸資訊與CTA設計的改善效果。

延伸應用|把課堂觀察轉成AI文案的正確輸入資料

本堂正式課名涉及AI行銷內容素材產製,而這次錄音最清楚呈現的,是AI產出內容之前必須先想明白的事:誰會看、他想買什麼、會遇到什麼疑問,以及企業憑什麼被選擇。

企業回到工作現場後,可以把客戶需求、產品規格、真實測試資料、商品照片與本次網站觀察提供給AI,請它協助整理產品頁架構、FAQ、廣告訴求與社群文案,再由人確認內容是否正確、符合實際產品與相關規範。

此段為依課堂觀念提出的後續工作建議,不代表當天已讓全體學員完成AI生成文案。相關AI工作流程,可延伸閱讀第二堂:生成式AI六步驟與Prompt指令設計。

八、三小時課程成果:從聽懂UI/UX,到能夠指出具體問題

這堂課最有價值的成果,不是背下UI、UX、CTA或A/B Testing的名詞,而是學員真正帶著購買任務操作網站,並在報告中指出搜尋、分類、尺寸、商品說明與下單流程的細節。

老師也藉由各行業學員的工作背景,引導大家練習如何把專業術語講成客戶聽得懂的話,並認識商品特色與目標客群的連結。

網站不是做給自己看的,而是做給客戶完成任務的。

從被找到、看懂、比較、信任,到願意行動,企業網站與商品文案應共同服務客戶決策。理解這套邏輯之後,AI才更有機會幫助企業把真正重要的內容寫得完整、寫得有用。

本堂AI行銷課程常見問題

Q1:2026年10月19日全國商總AI行銷課程上了什麼?

這是36小時《企業數位行銷與AI商務成長班》的第五堂,正式課名為「AI應用於行銷內容素材產製」。現有錄音可確認的教學包含網站客戶旅程、UI/UX、UNIQLO與lativ實作、產品差異化、行銷表達與A/B測試觀念。

Q2:為什麼用UNIQLO與lativ做網站UI/UX練習?

兩個網站都可以完成服飾選購,但分類、照片、尺寸指引與購物流程的呈現不同。以同一位家人的涼感衣需求操作,可以具體觀察網站是否幫助使用者找到商品並完成下一步,而不是只評分首頁外觀。

Q3:學員真的有分組實作與上台報告嗎?

有。老師安排學員分組瀏覽網站並完成任務,之後請各組上台分享,討論商品搜尋、尺寸表、情境照片與購物流程。分組討論時間未錄音,本文的細節以後續可核對的學員報告為準。

Q4:這堂課對企業寫產品文案有什麼幫助?

課堂透過涼感衣指標、白襯衫使用經驗與汽機車零件等案例,讓學員理解商品文案需要從客戶需求出發,清楚呈現規格、具體利益、差異化與可信佐證,而不是只有「優質、專業、舒適」等形容詞。

Q5:本堂有完成正式A/B測試或AI文案生成嗎?

可確認的課堂內容是網站比較、學員報告,以及A/B測試和AI素材工作流程的相關觀念;未見可證實全班完成正式A/B實驗或AI文案產出的紀錄,因此本文沒有把這些操作寫成已完成成果。

講師介紹與專業經歷|黃震宇(小胖老師)

黃震宇為一路科技股份有限公司創辦人暨總經理、企業網路行銷顧問與講師,長期從事企業網站規劃、SEO搜尋優化、B2B網路行銷、行銷文案與數據分析,並將實際企業案例帶入教學。

  • 學歷:國立成功大學管理學院高階管理碩士(EMBA)。
  • 專業證明:通過經濟部iPAS AI應用規劃師能力鑑定。
  • 著作:《網路行銷不能說的秘密》、《不可不知的業務教戰守則》。
  • 授課領域:企業網站、SEO/AEO/GEO、AI行銷、B2B業務、內容策略、Google Analytics 4與Google Search Console。
  • 授課經驗:受邀於外貿協會、公協會、企業與教育相關單位分享網路行銷與AI應用。

講師完整背景及相關佐證,請參考全國商總36小時AI行銷課程總覽與講師介紹。本文依2026年10月19日現場白板、課程錄音與學員報告編輯,口語辨識錯字經整理校正;個人經驗與現場觀察不等同於第三方產品檢測結果。

延伸閱讀|全國商總AI行銷課程與專業知識

企業網站有人看,卻沒有帶來預期的詢問與訂單?

一路科技可協助檢查網站分類、產品文案、SEO/GEO內容、CTA與GA4數據,從客戶真正的購買流程找出值得優先改善的地方。

聯絡一路科技|了解網站與AI行銷服務

返回頁首