一、首屏大圖吸引視線

首屏大圖佔據了官網寶貴的第一屏，它決定了訪客對官網的第一印象。首屏大圖輔助產品 Slogan 來有效傳達產品價值，同時還會影響到官網整體的氣質。

1. 實景照片營造場景氛圍

用客戶使用產品的場景照來說明產品給他們工作帶來的益處，增加說服力。

使用真實客戶的肖像作為首屏大圖，兼具客戶案例的作用，使產品更有說服力。

2. 隱喻表達產品價值

經過設計處理之後的概念圖，比真實照片的表現空間更大，可以透過一些隱喻的手法來傳達產品價值。

Zendesk 用形象的概念圖來輔助傳達產品的價值主張——We can lend a hand（我們可以伸出援手）。

一些企業重塑品牌向更年輕更有活力的方向發展。插畫的形式有利於塑造輕鬆時尚的品牌氣質。

3. 產品介面圖簡單直觀

簡單直觀的運用產品介面圖作為首屏大圖，讓多使用者對產品使用過程有一種直觀的體驗，也是一種對於自己產品的設計很有自信的表現。

雲端儲存應用 Box 用產品介面和照片混搭的形式來表現 “Work as One（齊心協力）” 的產品理念：

4. 視訊是流行趨勢

用視訊代替靜態圖出現在首屏成為近年來流行的一大趨勢，比起靜態圖，動態視訊更容易吸引目光。視訊的內容可以是產品功能解說/客戶案例講述/企業文化傳播等，視訊的觸發方式有自動播放/預載入/點選播放等。

Tips：

首屏大圖是官網的重中之重，既是營銷的核心，同時也是頁面佈局和表現的核心。不同子產品頁可以用不同的首屏大圖，但是要注意尺寸和風格保持一致。

二、明確傳達產品價值

當多使用者被首屏大圖吸引住目光之後，想要進一步留住客戶，就需要立即向他們傳達產品的核心價值，讓他明白購買您們的產品可以獲得什麼好處。

USP 理論, 其特點是需要向受眾陳述產品的賣點，同時這個賣點需要是獨特的、能夠帶來銷量的。

傳達產品價值通常會有以下三個途徑：首屏標題、強化闡述和最後重申。

1. 首屏標題

首屏大標題是核心，簡短明確的 slogan 是一個強有力的開場白。通常位於官網首屏顯眼的位置，用大字型突出，同時可以用小字在旁邊進行輔助說明。

2. 強化闡述

用來強化和豐富 USP，讓它看起來更有說服力。可以從正面出發列舉產品功能、強調產品優勢，也可以從側面來印證，比如成功案例、資質證書等。

3. 最後重申

當訪客瀏覽了長篇的強化闡述，瀏覽到頁面底部時，最後再重申一下 USP，首尾呼應。

4. 清晰直白的功能陳述

Xero 是一款為小型企業提供會計服務的應用，他們用一句話清晰傳達了 Xero 的功能價值與目標多使用者。

5. 抓住多使用者痛點，喚起情感共鳴

從反面切入描述痛點，例如 “工作不用那麼麻煩，用 xxx 您可以…”，然後引出產品可以解決這些痛點，引發共鳴。

Tips：

規劃 USP 時要站在客戶角度，強調您的產品能為他們帶來什麼好處。

不要怕首屏標題太短講不清功能，旁邊小字的作用就是補充說明，同時豐富排版。