魚(yú)小干：在談到企業(yè)產(chǎn)品的營(yíng)銷(xiāo)時(shí)（本文中提到的“企業(yè)產(chǎn)品”是指“給企業(yè)客戶(hù)使用的軟件/應(yīng)用”），一種不雅觀(guān)點(diǎn)認(rèn)為客戶(hù)必定是靠線(xiàn)下推廣來(lái)獲取的，另一種不雅觀(guān)點(diǎn)認(rèn)為應(yīng)該讓用戶(hù)主動(dòng)購(gòu)買(mǎi)而不是被動(dòng)推銷(xiāo)，，持這種不雅觀(guān)點(diǎn)的公司尤其重視通過(guò)產(chǎn)品官網(wǎng)來(lái)獲客。無(wú)論持哪種不雅觀(guān)點(diǎn)，不成否認(rèn)的是官網(wǎng)是客戶(hù)對(duì)你產(chǎn)品的第一印象，很多潛在客戶(hù)在購(gòu)買(mǎi)之前都是先通過(guò)官網(wǎng)來(lái)了解產(chǎn)品的。然而很多公司在產(chǎn)品官網(wǎng)設(shè)計(jì)這件事上投入的精力還不及線(xiàn)下推廣的萬(wàn)分之一，有的只把官網(wǎng)當(dāng)作部署，粗制濫造套個(gè)模板結(jié)束，甚至還忽略了移動(dòng)端適配。

作為企業(yè)產(chǎn)品的設(shè)計(jì)師，我們要如何設(shè)計(jì)好看又好賣(mài)的產(chǎn)品官網(wǎng)，有沒(méi)有一些套路可循？

企業(yè)產(chǎn)品官網(wǎng)的作用是傳達(dá)信息和促進(jìn)轉(zhuǎn)化。傳達(dá)信息是告訴訪(fǎng)客這款產(chǎn)品是什么/能為你公司做什么/為什么值得我購(gòu)買(mǎi)，再配合一些增強(qiáng)說(shuō)服力的手段來(lái)促進(jìn)轉(zhuǎn)化——將盡量多的訪(fǎng)客（潛在客戶(hù)）轉(zhuǎn)化為注冊(cè)用戶(hù)并最終完成購(gòu)買(mǎi)。根據(jù)用戶(hù)瀏覽網(wǎng)站的挨次，有以下 5 大設(shè)計(jì)要點(diǎn)：

善用首屏大圖吸引視線(xiàn)

銷(xiāo)售主張明確傳達(dá)產(chǎn)品價(jià)值

合理的導(dǎo)航便利訪(fǎng)客獲取信息

無(wú)處不在的CTA鞭策轉(zhuǎn)化

客戶(hù)案例增強(qiáng)信任感

首屏大圖占據(jù)了官網(wǎng)最名貴的第一屏，它決定了訪(fǎng)客對(duì)官網(wǎng)的第一印象。首屏大圖可以輔助產(chǎn)品Slogan來(lái)有效傳達(dá)產(chǎn)品價(jià)值，同時(shí)還會(huì)影響到官網(wǎng)整體的氣質(zhì)。常見(jiàn)的首屏大圖有以下 5 種表示形式：

1. 實(shí)景照片營(yíng)造場(chǎng)景氛圍

在實(shí)景照片這個(gè)形式上，企業(yè)級(jí)產(chǎn)品的表示力遠(yuǎn)不及消費(fèi)級(jí)產(chǎn)品（對(duì)比一下Salesforce和Apple的官網(wǎng)就知道了），因?yàn)槠髽I(yè)的商務(wù)屬性決定了他們不能像消費(fèi)級(jí)產(chǎn)品那樣大膽地彰顯個(gè)性。企業(yè)產(chǎn)品官網(wǎng)一般會(huì)用客戶(hù)使用產(chǎn)品的場(chǎng)景照來(lái)說(shuō)明產(chǎn)品給他們工作帶來(lái)的益處，或用一些開(kāi)闊的風(fēng)景照來(lái)表示公司的價(jià)值不雅觀(guān)和愿景。

這種傳統(tǒng)的照片形式常見(jiàn)于一些大公司，例如微軟的CRM產(chǎn)品Microsoft Dynamics 365：

客服應(yīng)用HelpCrunch則用來(lái)表示公司未來(lái)的愿景：

2. 概念圖用隱喻表達(dá)產(chǎn)品價(jià)值

經(jīng)過(guò)設(shè)計(jì)處理之后的概念圖，比真實(shí)照片的表示空間更大，可以通過(guò)一些隱喻的手法來(lái)傳達(dá)產(chǎn)品價(jià)值。

Zendesk用形象的概念圖來(lái)輔助傳達(dá)產(chǎn)品的價(jià)值主張——We can lend a hand。

3. 插畫(huà)最適合講故事

近年來(lái)一些企業(yè)重塑品牌向更年輕更有活力的標(biāo)的目的發(fā)展。插畫(huà)的形式有利于塑造輕松時(shí)尚的品牌氣質(zhì)，同時(shí)也是最適合用來(lái)講故事的表達(dá)形式。

Intercom用生動(dòng)的手繪風(fēng)插畫(huà)描繪了一副工作中遭遇的混亂場(chǎng)景，引出了使用Intercom可以結(jié)束這一切混亂的概念：

Atlassian用配色明快的圖形插畫(huà)描繪了齊心協(xié)力的工作場(chǎng)景，烘托出“Team up”的產(chǎn)品價(jià)值主張：

標(biāo)簽：林芝 烏魯木齊 東營(yíng) 九江 鹽城