魚小干：在談到企業產品的營銷時（本文中提到的“企業產品”是指“給企業客戶使用的軟件/應用”），一種不雅觀點認為客戶必定是靠線下推廣來獲取的，另一種不雅觀點認為應該讓用戶主動購買而不是被動推銷，，持這種不雅觀點的公司尤其重視通過產品官網來獲客。無論持哪種不雅觀點，不成否認的是官網是客戶對你產品的第一印象，很多潛在客戶在購買之前都是先通過官網來了解產品的。然而很多公司在產品官網設計這件事上投入的精力還不及線下推廣的萬分之一，有的只把官網當作部署，粗制濫造套個模板結束，甚至還忽略了移動端適配。

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

企業產品官網的作用是傳達信息和促進轉化。傳達信息是告訴訪客這款產品是什么/能為你公司做什么/為什么值得我購買，再配合一些增強說服力的手段來促進轉化——將盡量多的訪客（潛在客戶）轉化為注冊用戶并最終完成購買。根據用戶瀏覽網站的挨次，有以下 5 大設計要點：

善用首屏大圖吸引視線

銷售主張明確傳達產品價值

合理的導航便利訪客獲取信息

無處不在的CTA鞭策轉化

客戶案例增強信任感

首屏大圖占據了官網最名貴的第一屏，它決定了訪客對官網的第一印象。首屏大圖可以輔助產品Slogan來有效傳達產品價值，同時還會影響到官網整體的氣質。常見的首屏大圖有以下 5 種表示形式：

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

在實景照片這個形式上，企業級產品的表示力遠不及消費級產品（對比一下Salesforce和Apple的官網就知道了），因為企業的商務屬性決定了他們不能像消費級產品那樣大膽地彰顯個性。企業產品官網一般會用客戶使用產品的場景照來說明產品給他們工作帶來的益處，或用一些開闊的風景照來表示公司的價值不雅觀和愿景。

這種傳統的照片形式常見于一些大公司，例如微軟的CRM產品Microsoft Dynamics 365：

客服應用HelpCrunch則用來表示公司未來的愿景：

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

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

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

3. 插畫最適合講故事

近年來一些企業重塑品牌向更年輕更有活力的標的目的發展。插畫的形式有利于塑造輕松時尚的品牌氣質，同時也是最適合用來講故事的表達形式。

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

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

標簽：林芝 烏魯木齊 東營 九江 鹽城