設計智能頁面——產品設計師的觀點

自我們推出 Smart Pages 到現在已經快 6 個月了，我們為這款產品獲得的驗證感到自豪，因此鼓勵我們在此基礎上構建更多內容。

Smart Page是我們高層領導的內部創意，它是精心打造的，旨在解決我們的商家的需求，他們正在尋找與“電子商務網站”非常相似但又不同的東西來滿足他們的需求。

設計智能頁面——起源

在我帶你完成這個創造這個美麗產品的旅程之前，讓我自我介紹一下。 我的名字是 Shyamal Rajput，他是一名產品設計師，也是 Instamojo 的一名角色。 作為產品和設計團隊的一員，我們努力與大家密切合作，以實現並提供最好的功能、合適和可用的產品。

作為電子商務網站的心智模型，它是企業希望出售給客戶的所有產品的在線存儲庫。 每種產品都有其產品規格、圖像和應該出售的價格。

回到Smart Pages，我們的目標是建立一個“代理在線商店”，以迎合我們隨著時間的推移發現的一組定制規範。 為了更深入地研究它，讓我們首先了解一些可以幫助我們更好地理解 Smart Pages 基礎的基本問題。

商家如何在線銷售？

作為想要在線銷售的商家或賣家，他們經常尋找可以銷售產品並以此為生的在線平台。 由於這個問題陳述現在很陳詞濫調，我們擁有龐大的電子商務市場巨頭，您可以去那裡開始銷售自己的產品。

商家採用的另一種銷售媒介是創建自己的電子商務網站。 但是，它會帶來額外的設計、開發、維護和管理成本。

缺少什麼？

以產品為中心且擁有大量庫存的企業通常會創建一個在線商店，在那裡他們可以展示他們的產品並最終進行銷售。

但是，對於通常提供諸如輔導、指導、諮詢等服務的基於服務的企業，在線電子商務商店並不能解決目的。 同樣，只想銷售一種產品或服務的企業或企業家很可能不想創建電子商務商店。

讓我們舉一個職業教練的例子，他經營著一家諮詢公司，想開始在線業務，不需要在線商店，因為他不會有多種產品可供銷售。

因此，在我們認為需要迎合此類基於服務的商家或希望在線銷售其服務的企業的地方，我們發現了 Smart Pages。

相關閱讀：提高著陸頁轉化率的技巧； 舉例

回答原因，定義方法

這是一個非常重要的步驟，或者更確切地說是我們試圖始終尋求答案以公正對待我們正在嘗試構建的任何項目的問題。 在 Smart Pages 的上下文中，還有兩個類似的問題——

• 為什麼這是必需的/或為什麼我們覺得需要它？
• 我們將如何提供解決方案？

當我們回答上面的“為什麼”時，任務的第二部分是我們如何為此類企業提供最佳解決方案。

基於許多用戶的反饋和對線下服務行業運作方式的理解，我們提出了智能頁面，企業可以在其中構建他們的登錄頁面或單頁網站，並展示他們希望提供的所有服務/產品組合以發揮其潛力顧客。

“為了在此基礎上添加並牢記在線商店生態系統，我們構建了 Smart Pages 以成為所有這些企業的一站式解決方案，他們將能夠在其中列出/展示他們的服務並進一步向其收取費用——擁有結帳體驗完好無損。”

我們是怎麼做的？

第 1 步：定義用戶角色

對於每一個問題陳述，我們都會努力處理，我們會嘗試繪製出我們正在為其設計或解決的用戶角色。

在智能頁面方面，我們找出了一些主要的用戶角色，它們是：

1. 顧問/律師描述他們的個人資料
2. 旅行社試圖創建行程並圍繞它銷售套餐
3. 舉辦單日或多日活動的活動管理公司
4. 提供在線電子書和課程的電子學習教練。

可以有更多的角色，但我們開始思考如何幫助這些用戶在線銷售他們的服務。

相關閱讀：7個智能品牌使用智能登陸頁面在線增長

第二步：研究已經存在的東西

作為研究的一部分，我們進行了市場研究，看看是否有類似的產品可以解決相同的用例。 我們瀏覽了幾個單頁網站或登陸頁面，並試圖從人們通常展示的信息方面了解趨勢。

第 3 步：作為商家，我應該能夠

在嘗試查看不同的用戶角色並研究類似產品的同時，我們試圖進入商家的位置，並嘗試了解她/他需要什麼才能在線銷售他們的服務。

作為商人，我應該能夠：

1. 讓人們知道我是誰
2. 傳達我在這裡出售/提供的東西
3. 精心+教育+說服客戶為什麼他們應該購買它
4. 通過使用社會證明和其他類似元素，使產品/服務看起來真實可信，從而贏得客戶的信任
5. 最後，告訴客戶它的成本是多少

對於產品的第一階段，我們認為如果我們能夠解決這 5 個用例，商家將能夠有效地將業務定位在線上。

定義登錄頁面的部分

基於我們發現並想要解決的上述用例，我們定義了應該成為頁面一部分的部分。

簡介部分：作為一個企業，我是誰

個人資料部分的想法是讓企業清楚地向客戶解釋他們是誰以及他們的全部內容。

擁有一個商業標誌、名稱和一個適當的個人資料部分來談論該業務會使客戶對品牌/業務形成信心。

頁眉：作為一家企業，我提供什麼？

與任何其他登陸頁面一樣，此部分的設計考慮了企業希望向客戶提供的主要服務。

企業可以用標題和封面圖片來解釋他們在賣什麼。

頁面主題：作為一家企業，我希望我的頁面看起來如何？

頁面主題是企業根據自己的需求和品味定制頁面的想法。 此功能為他們提供了很多自定義選項，包括選擇字體、主題顏色以及在明暗模式之間進行選擇。

這種定制背後的基本理念是讓企業定制他們的頁面盡可能接近他們的原始品牌標識。

定價：作為一家企業，我要收取多少費用？

一旦企業開始創建頁面並向他們的客戶解釋他們在賣什麼，接下來要交流的重要事情就是該服務的價格。

定價卡可幫助企業確定其服務可能需要的多種定價選項。 例如，一家娛樂公司正在舉辦一個為期 3 天的活動，他們希望為 1 天、2 天和 3 天的門票分別創建多個定價選項。

相關閱讀：如何為您的產品或服務設定合適的價格

內容區：作為一個企業，我想解釋一下我在賣什麼？

頁面內容區域在技術上是一個富文本編輯器，企業可以使用它來清楚地詳細解釋他們提供的服務。

以發生的事件為例，企業可能需要更多地說明事件的全部內容、參加該事件的人員、主題演講的內容等。

頁面內容區域被刻意製作為富文本編輯器，如果業務需要，還可以自由添加更多圖像和視頻。

附加內容：作為企業，我想展示更多相關內容？

在研究圍繞服務和活動的不同產品和單一登錄頁面時，我們認為有必要引入一個專門的部分，通過添加推薦以及添加關鍵常見問題解答（如果有的話），企業可以將其用於社會證明。

對於第 1 版，我們決定只提供推薦、常見問題解答和查詢表，但本部分的目的是引入更多元素，幫助企業在客戶之間建立信任、同理心和社會認同。

頁面設置：作為企業，我想管理我的頁面

這是業務使用方面最重要的部分之一，因為它可以讓他們控制頁面的許多關鍵方面。

如前所述，我們正在尋找登陸頁面和在線商店的合併，因此我們認為有許多重要功能將有助於企業的頁面設置。

從從客戶那裡收集更多自定義信息、為服務添加折扣代碼到跟踪頁面分析，企業可以從頁面設置部分執行一些操作。

還有什麼可以提供的

我們在上面討論的頁面部分是企業嘗試創建自己的智能頁面時的關鍵方面。

除此之外，企業還有許多其他功能，例如

• 他們可以將自己的自定義域連接到他們的頁面
• 可以添加社交媒體鏈接以增加其業務的更多影響力
• 為客戶管理售後體驗

結論

總之，Smart Pages 不僅僅是一個看起來很普通的登陸頁面網站，而是一個專注於想要通過系統地溝通和讓客戶詳細了解他們的服務是什麼來銷售商品的企業的產品。

在這個產品實驗和一個非常有趣的問題陳述上工作，我們肯定已經走了很長一段路，可以說這個實驗到目前為止是成功的，我們的用戶一直在積極地使用它。

這是一個簡短的視頻，向您展示了 Smart Page Pro 訂閱附帶的功能。

我希望我能夠傳達迄今為止設計如此強大但可用的產品（由我們的用戶提供）的真正壓倒性體驗。

我們的頭腦和紙面上有很多東西，我們相信它們會將 Smart Pages 推向更高的高度，最重要的是更多地解決我們用戶的需求。

到那時，簽字——你真正的Shyamal！

免費註冊

本文由 Instamojo 的產品設計師 Shyamal Rajput 撰寫。 您可以在他的 LinkedIn 上與 Shyamal 聯繫。