新產品即將上線,那么預告頁面要怎么設計?

當你的網站正在搭建中,或者你的產品正在研發中,還未正式發布,那么你需要做些什么?當然是給你的訪客準備一個“Coming Soon”的預告頁面,讓正在關注的用戶知道他可以期待什么。

無論是有待發布的新產品,還是正在準備中的新項目,一個設計得體的預告著陸頁能夠很好地吸引用戶注意力,為即將到來的發布,做好準備。

為何要使用預告頁

新產品即將上線,那么預告頁面要怎么設計?

一個用來預告新產品的 Coming Soon 預告頁是非常實用的營銷頁面。對于一個新的產品和服務而言,這樣一個預告頁可以作為新產品動態消息的展示平臺,也可以作為營銷活動的推廣頁面,就目前來看,它在即將發布的APP和數字產品當中,是非常受歡迎。

想要判斷一個預告頁當中的內容是否對你即將發布的產品有幫助,可以參考下面的幾條規則:

  • 在網站完全搭建起來之前,就要未雨綢繆,理清產品從研發、預告、發布和更新的整個時間線
  • 建立關鍵詞體系,搜索相關的產品和品牌,準備SEO和廣告投放
  • 你需要開始搜集信息,并且建立信息推送的渠道,搜集客戶郵箱,或者建立郵件訂閱服務
  • 通過社交網絡等路徑吸引用戶關注產品預告

提升轉化率的技巧

新產品即將上線,那么預告頁面要怎么設計?

當然,你不會希望你的預告頁面僅僅只是漂亮的圖片和簡單的文字宣傳而已。只有將訪客轉化為參與者,才能最大程度地發揮預告頁的功能。

那些設計優秀的預告頁通常都不會太復雜,并且會包含一項能讓用戶參與的任務。不要嘗試在預告頁中包含太多的內容,或者單純只有一支預告片。

當然,你的預告頁面要和你的品牌保持高度的一致,色彩、字體、圖片均是如此。

在設計預告頁面的時候,通常需要將計時器類元素加入到其中,讓用戶知道產品最終是何時發布。倒計時工具和預訂鏈接可以幫助你將目標用戶和潛在用戶吸引過來,引導流量,通過預訂和郵件訂閱的方式,將網站訪客真正轉化為有價值的潛在用戶,讓這個預告頁真正落地。當然,如果加上了倒計時器的話,你得盡量確保產品會按時發布。

產品預告頁的設計必然是和整個品牌的設計保持著高度的一致。因為預告頁是未來產品的介紹頁,它通常是以單頁的形式呈現,不需要多頁面,當產品正式發布之后,再用更多的頁面來對產品和服務進行介紹即可。

你得讓用戶明白,被設計出來的這個預告頁有什么功能。最常見的功能是用來訂閱新產品發布信息的郵件訂閱表單和注冊表單。比較合理的策略是盡量在一個表單當中搞定——一個郵件訂閱輸入框即可——然后還可以搭配一些預訂折扣。這樣的特別優惠會吸引用戶訂閱甚至預訂產品。

在預告頁里面加入產品和品牌LOGO,搭配簡短的描述就可以。有的時候,新的產品會搭配新的品牌或者子品牌對外輸出,用戶起碼需要知道新產品的大概信息,才能被勾起興趣,這樣才能構成轉化。

在預告頁上線之前,你最好清楚地知道你的設計目標。這個頁面的存在,是希望用戶執行哪些操作,了解哪些信息,達成什么樣的目標?想清楚這些,將無關的非重要內容剔除掉,保留關鍵信息,然后發布。

預告頁面需要存在多久?

新產品即將上線,那么預告頁面要怎么設計?

其實,從設計預告頁到產品發布,并不存在什么神奇的時間表。這始終是取決于網站的內容,功能以及產品發布和銷售的策略。沒有一個預告頁應該是永久存在的,它始終都是為新產品發布而準備的頁面。

通過目前對于各個不同產品的預告頁的觀察,我們發現,通常這些頁面會存在1~2個月,某些品牌的大型產品或者項目,預告頁面存在的時間會更長一些。

值得注意的是,用戶并沒有多次訪問預告頁的實際需求,絕大多數用戶只需要大概知道有這么一回事,了解產品什么時候正式發布即可。除非預告頁面本身并不是靜態的,而是隨著發布日的到來而逐步推出更多的內容、活動或者優惠,促使用戶再次訪問,保持信息的持續輸出,而不是讓用戶在等待中遺忘。

預告頁面實例

下面推薦一些已有的預告頁面的設計案例,有的時候你并不需要從0開始設計,看看別人都是怎么做的吧。

Bientot

新產品即將上線,那么預告頁面要怎么設計?

Cm’soon

新產品即將上線,那么預告頁面要怎么設計?

Ley

新產品即將上線,那么預告頁面要怎么設計?

Langtang

新產品即將上線,那么預告頁面要怎么設計?

Mountain

新產品即將上線,那么預告頁面要怎么設計?

Ticker

新產品即將上線,那么預告頁面要怎么設計?

Moet

新產品即將上線,那么預告頁面要怎么設計?

Code

新產品即將上線,那么預告頁面要怎么設計?

Sven

新產品即將上線,那么預告頁面要怎么設計?

Phly

新產品即將上線,那么預告頁面要怎么設計?

新產品即將上線,那么預告頁面要怎么設計?

【不容錯過的設計實戰】

  1. 《富有未來感的柏林之夜APP,是這樣設計出來的》
  2. 《設計實戰!城市指南網站著陸頁是這樣設計出來的》
  3. 《這款給醫生的專業APP,設計上有著怎樣不同的要求?》
  4. 《幫你策劃盛大婚禮的APP,設計思路是這樣的》
  5. 《這款面向大眾的理財APP,設計過程是這樣的》
  6. 《一款真正讓人專注的效率應用,應該這么設計》

原文地址:designshack
原文作者:CARRIE COUSINS
優設譯文:@陳子木

本文由優設網原創翻譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================明星欄目推薦================

優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com

收藏 17
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。