文章目錄＋
「引領未來，創造可能。」很好。你到底做甚麼？
01 / 先講答案
第一屏唯一任務：令啱的人願意繼續
第一屏真正工作唔係說服，而係分類。佢要幫合適客戶快速留下，亦容許唔合適嘅人快速離開。若文案為咗迎合所有人而變得空泛，表面受眾更大，實際上冇人覺得同自己有關。
02 / 判斷順序
訪客先判斷自己有冇行錯門口
情境示例，並非實際客戶案例：一間香港企業培訓公司把第一屏寫成『啟發潛能，共創未來』，HR、學校家長同求職者都可能以為同自己有關。改成『為 50–500 人團隊設計可量度嘅管理培訓，由需求訪談到課後跟進』之後，訪客少咗一部分，企業查詢反而更具體。
客戶唔係在一個頁面內作決定；佢係帶住你個頁面，走入另一個決策環境。
第一屏唔需要講晒，但一定要令下一屏值得睇
一個企業培訓頁如果只寫「釋放團隊潛能」，讀者仍不知道是管理課、語言課還是戶外活動。示例改寫可以是「為新任主管提供企業內訓：以你團隊的工作情境練習回饋與分工」。它沒有保證業績，卻先交代服務、對象同方法，令合適人士知道值得繼續睇。
03 / 五秒問題
五秒內需要回答的不是公司歷史
Nielsen Norman Group 將首頁形容成俾潛在客戶嘅 elevator pitch，應快速講清楚機構做咩同用戶可以完成咩；五秒測試亦用來捕捉初步理解。重點唔係五秒內讀完整句，而係視覺同語義有冇指向同一個答案。
第一屏至少要完成四個判斷：呢間公司服務邊個、處理咩商業問題、提供咩類型結果、下一步會發生咩。案例數字、客戶 logo 或認證可以降低風險，但只有在主張已清楚時先有意義；否則證據只會替一個模糊答案加裝飾。
04 / 管理誤判
首屏塞滿賣點，反而提高理解成本
企業常將內部最重視嘅東西放最前：成立年份、品牌使命、獎項、創辦人說話。客戶第一秒問嘅卻係『關唔關我事』。把公司歷史放在客戶自我辨認之前，等於要求陌生人先關心你，先至獲准知道你可唔可以幫佢。
我不是反對漂亮句子。只是第一屏的位置太貴，不太適合讓讀者猜謎。
05 / 四句框架
用四句話建立一個可行首屏
- 五秒後，測試者可否講出目標客戶，而唔只講到行業。
- 主標題可否用一句正常說話講清楚問題同結果。
- 副標題有冇加入範圍、方法或限制，令承諾可相信。
- 主要行動有冇講明按下後會發生咩，而唔係只寫『了解更多』。
- 手機第一屏有冇被 cookie、浮鈕、輪播同過大相片遮住。
第一屏的證據要跟承諾配對。話自己擅長技術修正，就展示可理解的診斷及驗證方式；話課程貼近實務，就交代教材如何貼近工作情境。獎項同客戶標誌可以補充，但唔應代替讀者最關心的具體資料。無法公開名稱的案例，可以明示匿名及限制，唔好暗示不存在的背書。
06 / 手機執行
由手機窄屏開始重寫
先在沒有圖片與動畫的情況下，寫清楚服務對象、解決的商業問題、可信理由及下一步。文字本身站得住，視覺先有放大作用。
- 用一句話講清楚為誰處理甚麼問題。
- 補一個具體限制、成果或方法作可信理由。
- 只保留一個主要行動，次要行動降低視覺權重。
- 在 320px 手機寬度及較慢網絡下測試完整首屏。
07 / 成效衡量
量度理解與前進，而唔只量度跳出
| 觀察層 | 要記錄甚麼 | 管理上代表甚麼 |
|---|---|---|
| 理解 | 五秒測試後能否講出服務與對象 | 直接檢查訊息清晰度 |
| 前進 | 向下瀏覽、查看服務或案例的比例 | 顯示首屏有沒有建立興趣 |
| 行動質素 | 首屏觸發的合資格對話比例 | 避免把誤按當轉換 |
「第一屏」亦唔係固定高度。小手機、字體放大、瀏覽器工具列同翻譯後變長的句子，都會改變可見範圍。應保住標題、簡短說明及一個合理下一步的次序，而唔係把文字壓細，勉強塞入某個設計稿高度。
08 / 常見問題
設計第一屏最常見三個問題
Logo 應否放大？
Logo 要清楚，但通常不應比客戶問題更搶眼；陌生訪客先要知道你做甚麼。
可唔可以放輪播？
輪播會分散主訊息，而且很多人不會等第二張。若有多項服務，應先用一個上位價值主張統領。
一定要放價錢？
未必，但首屏至少要讓合適客戶知道服務層級或合作性質，避免所有人都誤以為適合。
09 / 限制與結論
清楚，比聰明更有商業價值
已知品牌、會員入口或純交易產品未必需要同樣篇幅解釋；訪客可能本身帶住明確目的。但即使品牌熟悉，第一屏仍要避免令主要任務被宣傳活動、彈窗或多個同等 CTA 淹沒。
一個好第一屏唔會令所有人都想繼續；佢會令對嘅人覺得『呢間公司明白我而家要解決嘅事』，亦令錯嘅人唔使浪費時間。
先讓人看懂，再讓人欣賞。次序很樸素，但有用。
10 / 資料註腳
資料與延伸閱讀
以上資料只用作理解機制及建立測試假設，並不代表任何海外結果會在香港企業自動重現。