<strike id="y39e4"></strike>
  • <button id="y39e4"><acronym id="y39e4"><input id="y39e4"></input></acronym></button>
      <tbody id="y39e4"><noscript id="y39e4"></noscript></tbody>
    1. <dd id="y39e4"><track id="y39e4"></track></dd><nav id="y39e4"></nav>
    2. <em id="y39e4"></em>
      <dd id="y39e4"></dd>

        site topic資訊中心
        首頁
        >
        網站學院
        >
        如何設計好看又好賣的企業產品官網?
        分享新聞到:

        如何設計好看又好賣的企業產品官網?

        來源:騰訊ISUX      時間:2017-07-27 09:15:52      瀏覽:6241

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

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

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

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

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

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

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

        5. 客戶案例增強信任感

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

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

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

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

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

        客服應用HelpCrunch則用來表現公司未來的愿景:

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

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

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

        3. 插畫最適合講故事

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

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

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

        4. 產品界面圖簡單直觀

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

        云存儲應用Box用產品界面和照片混搭的形式來表現“Work as One”的產品理念:

        5. 客戶照片更具說服力

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

        自助建站應用Squarespace用高清的客戶肖像圖配合產品界面,來表現他們的應用可以為不同人群定制專屬網站的理念:

        6.視頻是流行趨勢

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

        自助建站應用Weebly的首頁視頻融合了各類用戶的生活狀態和使用場景,來表現“DO WHAT YOU LOVE”的產品理念:

        Tips:

        1. 首屏大圖和銷售主張是官網的重中之重,既是營銷的核心,同時也是頁面布局和表現的核心。

        2. 首屏大圖是傳達產品品牌的絕佳機會。

        3. 不同子產品頁可以用不同的首屏大圖,但是要注意尺寸和風格保持一致。

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

        當用戶被首屏大圖吸引住目光之后,想要進一步留住客戶,就必須立即向他們傳達產品的核心價值,讓他明白購買你們的產品可以獲得什么好處。在營銷領域,這被稱為USP(Unique Selling Proposition),意為“獨特的銷售主張”。

        1. 銷售主張需要多次強調

        在企業產品官網中,銷售主張會多次出現,完整的銷售主張通常會由以下三個基本部分組成:首屏標題、強化闡述和最后重申。

        a.首屏標題

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

        MailChimp的首屏標題簡短有力:

        b.強化闡述

        用來強化和豐富USP,讓它看起來更有說服力??梢詮恼娉霭l列舉產品功能、強調產品優勢,也可以從側面來印證,比如成功案例、資質證書等。

        MailChimp用與首屏標題同樣風格的文案,配合界面圖來強化USP:

        c.最后重申

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

        MailChimp在頁面底部最后重申,號召轉化行動:

        2. 文案風格會影響銷售主張的表現力

        根據不同的產品功能和品牌調性,銷售主張的文案風格也各不相同,主要有以下幾種類型:

        a.清晰直白的功能陳述

        清晰直白的功能陳述可能會有點無趣,但卻是最直觀、最易于理解的。用一句話講清楚你的產品是做什么的,比含糊其辭的描述更容易讓訪客產生好感。

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

        b.令人印象深刻的號召型言語

        使用一些強有力、干脆利落的slogan,去號召用戶行動。使用這類USP的公司一般都已建立了一定的用戶基礎和品牌形象。


        在線客服
        熱線電話

        掃一掃 加我微信
        程序耗時:0.004秒
        天空彩票与你同行+香港+资料