深圳網(wǎng)站建設(shè)在談到企業(yè)產(chǎn)品的營銷時（本文中提到的“企業(yè)產(chǎn)品”是指“給企業(yè)客戶使用的軟件/應用”），一種觀點認為客戶肯定是靠線下推廣來獲取的，另一種觀點認為應該讓用戶主動購買而不是被動推銷，持這種觀點的公司尤其重視通過產(chǎn)品官網(wǎng)來獲客。無論持哪種觀點，不可否認的是官網(wǎng)是客戶對你產(chǎn)品的第一印象，很多潛在客戶在購買之前都是先通過官網(wǎng)來了解產(chǎn)品的。然而很多公司在產(chǎn)品官網(wǎng)設(shè)計這件事上投入的精力還不及線下推廣的萬分之一，有的只把官網(wǎng)當作擺設(shè)，粗制濫造套個模板結(jié)束，甚至還忽略了移動端適配。
作為企業(yè)產(chǎn)品的設(shè)計師，我們要如何設(shè)計好看又好賣的產(chǎn)品官網(wǎng)，有沒有一些套路可循？
企業(yè)產(chǎn)品官網(wǎng)的作用是傳達信息和促進轉(zhuǎn)化。傳達信息是告訴訪客這款產(chǎn)品是什么/能為你公司做什么/為什么值得我購買，再配合一些增強說服力的手段來促進轉(zhuǎn)化——將盡量多的訪客（潛在客戶）轉(zhuǎn)化為注冊用戶并最終完成購買。按照用戶瀏覽網(wǎng)站的順序，有以下 5 大設(shè)計要點：
-
善用首屏大圖吸引視線
-
銷售主張明確傳達產(chǎn)品價值
-
合理的導航方便訪客獲取信息
-
無處不在的CTA推動轉(zhuǎn)化
-
客戶案例增強信任感
一. 善用首屏大圖吸引視線
首屏大圖占據(jù)了官網(wǎng)最寶貴的第一屏，它決定了訪客對官網(wǎng)的第一印象。首屏大圖可以輔助產(chǎn)品Slogan來有效傳達產(chǎn)品價值，同時還會影響到官網(wǎng)整體的氣質(zhì)。常見的首屏大圖有以下 5 種表現(xiàn)形式：
1. 實景照片營造場景氛圍
在實景照片這個形式上，企業(yè)級產(chǎn)品的表現(xiàn)力遠不及消費級產(chǎn)品（對比一下Salesforce和Apple的官網(wǎng)就知道了），因為企業(yè)的商務屬性決定了他們不能像消費級產(chǎn)品那樣大膽地彰顯個性。企業(yè)產(chǎn)品官網(wǎng)一般會用客戶使用產(chǎn)品的場景照來說明產(chǎn)品給他們工作帶來的益處，或用一些開闊的風景照來表現(xiàn)公司的價值觀和愿景。
這種傳統(tǒng)的照片形式常見于一些大公司，例如微軟的CRM產(chǎn)品Microsoft Dynamics 365：
客服應用HelpCrunch則用來表現(xiàn)公司未來的愿景：
2. 概念圖用隱喻表達產(chǎn)品價值
經(jīng)過設(shè)計處理之后的概念圖，比真實照片的表現(xiàn)空間更大，可以通過一些隱喻的手法來傳達產(chǎn)品價值。
Zendesk用形象的概念圖來輔助傳達產(chǎn)品的價值主張——We can lend a hand。
3. 插畫最適合講故事
近年來一些企業(yè)重塑品牌向更年輕更有活力的方向發(fā)展。插畫的形式有利于塑造輕松時尚的品牌氣質(zhì)，同時也是最適合用來講故事的表達形式。
Intercom用生動的手繪風插畫描繪了一副工作中遭遇的混亂場景，引出了使用Intercom可以結(jié)束這一切混亂的概念：
Atlassian用配色明快的圖形插畫描繪了齊心協(xié)力的工作場景，烘托出“Team up”的產(chǎn)品價值主張：
4. 產(chǎn)品界面圖簡單直觀
簡單直觀的運用產(chǎn)品界面圖作為首屏大圖，讓用戶對產(chǎn)品使用過程有一種直觀的體驗，也是一種對于自己產(chǎn)品的設(shè)計很有自信的表現(xiàn)。
云存儲應用Box用產(chǎn)品界面和照片混搭的形式來表現(xiàn)“Work as One”的產(chǎn)品理念：
5. 客戶照片更具說服力
使用真實客戶的肖像作為首屏大圖，兼具客戶案例的作用，使產(chǎn)品更有說服力。
自助建站應用Squarespace用高清的客戶肖像圖配合產(chǎn)品界面，來表現(xiàn)他們的應用可以為不同人群定制專屬網(wǎng)站的理念：
6.視頻是流行趨勢
用視頻代替靜態(tài)圖出現(xiàn)在首屏成為近年來流行的一大趨勢，比起靜態(tài)圖，動態(tài)視頻更容易吸引目光。視頻的內(nèi)容可以是產(chǎn)品功能解說/客戶案例講述/企業(yè)文化傳播等，視頻的觸發(fā)方式有自動播放/預加載/點擊播放等。
自助建站應用Weebly的首頁視頻融合了各類用戶的生活狀態(tài)和使用場景，來表現(xiàn)“DO WHAT YOU LOVE”的產(chǎn)品理念：
Tips：
1. 首屏大圖和銷售主張是官網(wǎng)的重中之重，既是營銷的核心，同時也是頁面布局和表現(xiàn)的核心。
2. 首屏大圖是傳達產(chǎn)品品牌的絕佳機會。
3. 不同子產(chǎn)品頁可以用不同的首屏大圖，但是要注意尺寸和風格保持一致。
二. 銷售主張明確傳達產(chǎn)品價值
當用戶被首屏大圖吸引住目光之后，想要進一步留住客戶，就必須立即向他們傳達產(chǎn)品的核心價值，讓他明白購買你們的產(chǎn)品可以獲得什么好處。在營銷領(lǐng)域，這被稱為USP（Unique Selling Proposition），意為“獨特的銷售主張”。
1. 銷售主張需要多次強調(diào)
在企業(yè)產(chǎn)品官網(wǎng)中，銷售主張會多次出現(xiàn)，完整的銷售主張通常會由以下三個基本部分組成：首屏標題、強化闡述和最后重申。
a.首屏標題
首屏大標題是USP的核心，簡短明確的slogan是一個強有力的開場白。通常位于官網(wǎng)首屏最顯眼的位置，用大字體突出，同時可以用小字在旁邊進行輔助說明。
MailChimp的首屏標題簡短有力：
b.強化闡述
用來強化和豐富USP，讓它看起來更有說服力?？梢詮恼娉霭l(fā)列舉產(chǎn)品功能、強調(diào)產(chǎn)品優(yōu)勢，也可以從側(cè)面來印證，比如成功案例、資質(zhì)證書等。
MailChimp用與首屏標題同樣風格的文案，配合界面圖來強化USP：
c.最后重申
當訪客瀏覽了長篇的強化闡述，瀏覽到頁面底部時，最后再重申一下USP，首尾呼應。
MailChimp在頁面底部最后重申，號召轉(zhuǎn)化行動：
2. 文案風格會影響銷售主張的表現(xiàn)力
根據(jù)不同的產(chǎn)品功能和品牌調(diào)性，銷售主張的文案風格也各不相同，主要有以下幾種類型：
a.清晰直白的功能陳述
清晰直白的功能陳述可能會有點無趣，但卻是最直觀、最易于理解的。用一句話講清楚你的產(chǎn)品是做什么的，比含糊其辭的描述更容易讓訪客產(chǎn)生好感。
Xero是一款為小型企業(yè)提供會計服務的應用，他們用一句話清晰傳達了Xero的功能價值與目標用戶：
b.令人印象深刻的號召型言語
使用一些強有力、干脆利落的slogan，去號召用戶行動。使用這類USP的公司一般都已建立了一定的用戶基礎(chǔ)和品牌形象。深圳網(wǎng)站建設(shè)博納網(wǎng)絡(luò)編輯整理、
