分享品牌官網設計的5大要點品牌官網設計的要點有哪些？( 三 )

2026-05-10 文案策劃問答品牌官網設計

對于一些規模龐大的企業產品，首先要盡量精簡選項，舍棄不必要的信息、隱藏次要信息，再考慮在有限的空間里把信息入口展現完整。
以Intercom為例，它是一款大型CRM應用，公司旗下有三大子產品。官網首頁設置了5個一級導航，其中前兩個是折疊導航。最重要的Products導航的下拉菜單中按照產品和解決方案兩個維度展示了對應的信息。配合icon和簡介，有序又直觀：
在Resource下拉菜單中則收攏了客戶案例、幫助中心、產品演示等資源入口，用清晰的組織方式把這些信息集中在一起，讓想要了解更多信息的人自己去探索：
3.確保訪客清楚自己所處的位置網站是一個虛擬空間，訪客在頁面之間的跳轉是無法預料的，如果沒有清晰的導航在時刻提醒他們所在的頁面，他們早就已經迷路了。要讓訪客時刻知道自己所處的位置，就要在不同頁面上保持導航的一致性，并在滾動頁面時保持常駐。
繼續以Intercom為例，首頁導航在滾動時保持常駐。當點擊首頁導航到達子產品頁面后，導航保持一致，只是在原先的主LOGO旁多了一個子產品LOGO來表明當前所在頁面，點擊主LOGO可以返回首頁：
子頁面開始向下滾動時導航暫且消失，當滾動到首屏以下時導航出現并常駐，注意到此時的導航樣式已經悄然發生了變化——簡化了主LOGO ，右邊部分變成了3個針對當前子產品頁面的導航。整個變化過程過渡地十分自然：
再看看Atlassian的設計。到達子產品頁后會保留主導航，隨著頁面滾動，子產品導航會把主導航推出，繼而代替主導航的位置：
Tips：

規劃訪客的瀏覽歷程，保持順暢自然的體驗。
保持導航結構的一致性，確保用戶始終知道自己所處的位置。
保持導航的使用簡單性，刪除不必要項目。
簡單很好，但是要確保提供了訪客想要獲得的信息入口。

四、無處不在的CTA推動轉化CTA（Call to Action ，用戶行為召喚）是指希望訪客在瀏覽官網時完成的指定行為，通常有：注冊、申請試用、郵件訂閱、軟件下載等等。 CTA是促進官網完成轉化的主要手段，對于企業產品官網，醒目的CTA按鈕是標配。
1.視覺樣式必須醒目既然官網的目標是完成轉化，那么CTA按鈕一定是整個頁面中最醒目、最聚焦視線的。很多研究證明綠色按鈕的點擊率最高，藍色其次，但我認為這并不絕對。按鈕顏色取決于官網的整體配色和品牌調性，在這個前提下，拉大對比度，讓按鈕從背景中突出即可。樣式上突出核心CTA ，次級CTA可以相對弱化。
2.文案需要引發點擊欲望CTA按鈕文案應該是一目了然的動詞短語，使用含有緊迫感的文字例如“立即/馬上” ，或者利益導向的文字例如“免費” ，可以有效引發用戶的點擊欲望。常用的文案有：免費/立即試用、免費/立即注冊、觀看演示、了解更多等等。
CTA按鈕會在網頁中出現多次，因此在文案上最好保持一致性，進階方法是根據用戶瀏覽的上下文使用更針對性的文案。
3.保持一直可見，反復強調CTA按鈕一般與銷售主張同時出現，主要分布在官網的三個位置：頂部導航、首屏大圖、頁面底部。頂部導航的位置可以保證按鈕一直可見，首屏大圖上的按鈕是視覺核心，頁面底部的位置則作為終極呼喚。三個位置互相呼應，缺一不可。
4.次級CTA也不容忽視原則上來說CTA按鈕應該只有一個，但近年來越來越多的企業產品官網會在主要CTA按鈕旁邊放一個次級CTA按鈕，為訪客提供第二選擇，這樣做可以讓訪客在不想點擊主按鈕的情況下退而求其次。對于企業產品的用戶來說，在注冊之前提供產品試用或視頻演示能大大增進對產品的了解。
5.嵌入簡易表單，降低注冊門檻在CTA按鈕旁放置一個簡易的內嵌表單，相當于簡化了后續的轉化流程。例如，當用戶點擊注冊按鈕之后一般會被要求填寫用戶名、郵箱、密碼等信息，如果表單項很復雜，用戶很可能會放棄填寫。如果一開始只要求填寫郵箱，這就大大降低了注冊門檻。另外一方面，即使用戶在后續的注冊流程中放棄了填寫，那企業至少已經get到客戶的郵箱信息了。
Webflow則直接把需要填寫的注冊項全列出來，這適用于注冊項在三個以內的情況：
五、客戶案例增強信任感企業級（to B）產品不像消費級（to C）產品那么普遍和易獲取，企業客戶在選擇產品的時候更為慎重，官網要幫助消除他們的疑慮，建立對產品的信任感，最好的方式就是把已購買產品的客戶成功案例展示出來。你的客戶就是你產品天生的代言人，他們比你的產品本身更有說服力。

推薦閱讀

上一篇：介紹vi設計的5個步驟 vi設計的基本流程有哪些？

下一篇：分享做旅游官網設計的3個技巧旅游官網設計該怎么做？