易優(you)小編：在(zai)(zai)談(tan)到企業產(chan)(chan)(chan)品的(de)(de)(de)營銷時(shi)（本文中提到的(de)(de)(de)“企業產(chan)(chan)(chan)品”是指(zhi)“給企業客戶(hu)(hu)使用的(de)(de)(de)軟件(jian)/應(ying)用”），一(yi)(yi)種(zhong)觀點(dian)認(ren)(ren)為客戶(hu)(hu)肯定是靠線(xian)下推廣來獲取的(de)(de)(de)，另一(yi)(yi)種(zhong)觀點(dian)認(ren)(ren)為應(ying)該讓用戶(hu)(hu)主動購買而不(bu)是被動推銷，持這(zhe)種(zhong)觀點(dian)的(de)(de)(de)公司尤其重(zhong)視通(tong)過(guo)產(chan)(chan)(chan)品官網(wang)來獲客。無(wu)論持哪種(zhong)觀點(dian)，不(bu)可否認(ren)(ren)的(de)(de)(de)是官網(wang)是客戶(hu)(hu)對你產(chan)(chan)(chan)品的(de)(de)(de)第(di)一(yi)(yi)印象，很多潛(qian)在(zai)(zai)客戶(hu)(hu)在(zai)(zai)購買之(zhi)前都(dou)是先(xian)通(tong)過(guo)官網(wang)來了解(jie)產(chan)(chan)(chan)品的(de)(de)(de)。然而很多公司在(zai)(zai)產(chan)(chan)(chan)品官網(wang)設計這(zhe)件(jian)事上投入的(de)(de)(de)精力(li)還不(bu)及線(xian)下推廣的(de)(de)(de)萬分之(zhi)一(yi)(yi)，有的(de)(de)(de)只(zhi)把官網(wang)當(dang)作擺設，粗制濫造套個模板結束，甚(shen)至(zhi)還忽(hu)略了移動端適配。

作為企(qi)業產品(pin)的設計師，我們要如何(he)設計好看又好賣的產品(pin)官網，有沒(mei)有一些套路可循？

企業產品官網的(de)(de)作用(yong)是傳達(da)信息和促進轉化。傳達(da)信息是告訴訪(fang)客這(zhe)款產品是什么(me)/能為(wei)你公司做(zuo)什么(me)/為(wei)什么(me)值得我(wo)購買，再配(pei)合一(yi)些增強說服(fu)力的(de)(de)手段來促進轉化——將(jiang)盡(jin)量多的(de)(de)訪(fang)客（潛在客戶(hu)(hu)）轉化為(wei)注冊用(yong)戶(hu)(hu)并最(zui)終完成購買。按照用(yong)戶(hu)(hu)瀏覽網站的(de)(de)順序，有以(yi)下 5 大設(she)計要點：

1. 善用首屏大圖吸引視線

2. 銷售主張(zhang)明(ming)確傳達(da)產品價值

3. 合理的導(dao)航方便訪客獲取信息

4. 無處不在的CTA推動轉化

5. 客戶案例增(zeng)強信(xin)任感(gan)

一. 善用首屏大圖吸引視線

首屏(ping)大圖占(zhan)據了官網最寶貴的第一屏(ping)，它決定了訪(fang)客(ke)對官網的第一印象。首屏(ping)大圖可以輔助產品Slogan來有(you)效傳(chuan)達產品價(jia)值，同時還會影響到官網整體的氣(qi)質。常見的首屏(ping)大圖有(you)以下 5 種表現(xian)形式(shi)：

1. 實景(jing)照片營造場景(jing)氛圍

在(zai)實景照片這個形式上，企(qi)(qi)業級產品(pin)(pin)(pin)的(de)(de)(de)表(biao)現力(li)遠不及消費級產品(pin)(pin)(pin)（對比一下(xia)Salesforce和Apple的(de)(de)(de)官網就知道(dao)了(le)），因為企(qi)(qi)業的(de)(de)(de)商務屬性決定了(le)他(ta)們不能像(xiang)消費級產品(pin)(pin)(pin)那樣大(da)膽地(di)彰顯個性。企(qi)(qi)業產品(pin)(pin)(pin)官網一般(ban)會用(yong)客戶使用(yong)產品(pin)(pin)(pin)的(de)(de)(de)場景照來說(shuo)明產品(pin)(pin)(pin)給他(ta)們工(gong)作帶來的(de)(de)(de)益處，或用(yong)一些開闊的(de)(de)(de)風景照來表(biao)現公(gong)司的(de)(de)(de)價值觀和愿(yuan)景。

這種傳統的照(zhao)片形式常見于一些(xie)大公司，例如(ru)微(wei)軟(ruan)的CRM產品(pin)Microsoft Dynamics 365：

客服(fu)應用HelpCrunch則用來(lai)表現(xian)公司未(wei)來(lai)的愿(yuan)景：

2. 概念(nian)圖用隱喻表達產品價值

 經過設計(ji)處理之(zhi)后的概念圖，比真實照片的表現空間更大，可以通過一(yi)些隱喻的手(shou)法來傳達產(chan)品價值(zhi)。

Zendesk用形象的(de)概念圖(tu)來輔助傳達產品的(de)價值(zhi)主張——We can lend a hand。

3. 插畫最適(shi)合講(jiang)故事

近年(nian)來一些企業重塑(su)(su)品牌向(xiang)更(geng)年(nian)輕(qing)更(geng)有活力的(de)方向(xiang)發展。插(cha)畫的(de)形(xing)式有利于塑(su)(su)造輕(qing)松時(shi)尚的(de)品牌氣質，同時(shi)也是最(zui)適合用來講故事(shi)的(de)表達形(xing)式。

Intercom用生(sheng)動的手繪風插畫描繪了一副工作中(zhong)遭遇的混亂場(chang)景，引出了使(shi)用Intercom可以結(jie)束這(zhe)一切混亂的概念：

Atlassian用配色明快(kuai)的圖形插畫描繪了齊心(xin)協(xie)力(li)的工作場景，烘托(tuo)出“Team up”的產品價(jia)值(zhi)主張：