高級視覺設計師 Freddierick Mesias 的著陸頁設計問答

在 Instapage，我們堅持最高期望：您的期望。 我們從很多營銷人員那裡聽說我們的平台很直觀，可以幫助他們的活動獲得更高的轉化率。 我們知道設計師尤其會使用我們的構建器，因為我們在過去幾年中發布了一些特定功能。

我們的團隊不斷從設計師那裡獲得可用性測試、主持面試和 NPS 分數方面的反饋。 我們非常重視這些反饋，以繼續構建一個平台，該平台不僅可以滿足設計師當前的需求，還可以滿足未來的需求。

我與我們的高級視覺設計師 Freddierick Mesias 坐下來，了解他在點擊後登錄頁面和 Instapage 平台方面的經驗。

BW：你的設計背景是什麼，你在 Instapage 中扮演什麼角色？

FM：我的設計經驗包括網頁設計、品牌推廣和用戶界面設計。 我使用的主要設計工具是 Sketch（創建高保真模型）、Adobe Photoshop 和 Illustrator（創建點擊後登錄頁面的視覺資產，如圖標、照片編輯、插圖等）

在 Instapage，我們的設計團隊擁有多元化的技能：網頁設計、插圖和品牌傳播。 我們的主要目標是通過視覺效果與觀眾進行有效溝通。 我的具體職責是為我們的營銷團隊設計美觀、高轉化率的點擊後登錄頁面。

BW：當您使用 Instapage 設計點擊後登錄頁面時，您的第一次體驗是什麼？

FM：對我來說，沒有太多的學習曲線，因為在我 2016 年 11 月加入時，該產品已經相當先進。當我第一次開始使用 Instapage 時，我對這個平台是如何以設計師為中心構建的印象深刻. 構建器沒有被一堆菜單選項弄得亂七八糟，你可能會迷路。

當然，構建器中有綠色指南可以幫助對齊元素，但是當我設計第一個點擊後登錄頁面時，移動、分組和對齊功能讓我感到驚訝。 我現在不必為移動設備對齊每個元素並將它們隔開，而是可以將項目組合在一起並同時移動它們，同時保持移動設備的縱橫比不變。

最後一部分特別特別，因為隨著互聯網更頻繁地使用移動設備，營銷人員的點擊後登錄頁面針對移動設備進行優化至關重要。 有了這個功能，我就可以使用我完成的桌面版本，並通過單擊按鈕自動將其轉換為移動設備。 這樣做為我節省了大量時間，並使我能夠更快地為我們的團隊發布頁面。

如果我要為 Instapage 定義兩個特徵，我會說它是可定制且無痛的。

BW：你花了多長時間才能習慣使用 Instapage？

FM：一點也不長。 Instapage 的特點是它對設計師友好。 如果您熟悉 Sketch、Illustrator 或 Photoshop 等其他設計工具，那麼您可以輕鬆適應該平台。

以我構建的 HubSpot 集成點擊後登錄頁面為例。 整個頁面是在 Instapage 中構建的，但我在 Photoshop 中創建了三層頁面圖形並將其插入到我們的平台中，這添加了一個很好的視覺組件（點擊此處查看完整的點擊後登錄頁面）：

BW：設計師在創建點擊後登錄頁面時面臨的典型挫折是什麼？

FM：設計師天生就是完美主義者； 我們的工作取決於該屬性。 因此，即使某些東西看起來與未經訓練的眼睛完全一致，例如——但不是——設計師內心深處會知道它可能會更好。

這就是我們的內聯樣式編輯器功能特別有用的原因，因為它允許您進行元素級自定義樣式更改。 文本填充更改、邊框半徑、行高等任何內容。 你不必再盯著任何東西。 我們的構建器允許您自定義到最後一個像素，以便您可以準確地創建您想要的內容。

（這是一個如何使用自定義樣式隔離元素並為按鈕添加陰影的示例：）

BW：在設計頁面時，您與誰合作最多？

FM：根據活動的不同，我們至少有 3 到 5 名利益相關者：1 名文案撰稿人、1-2 名設計師和 1-2 名營銷主管。 文案撰寫一些有說服力的語言來展示報價的價值主張和主要好處，將副本交給我進行最終設計，營銷負責人監督項目並在此過程中給予批准。 此外，根據點擊後登錄頁面的設計需求，有時我會與我們的平面設計師交流以創建 gif 或其他視覺效果來幫助傳達信息。

你會注意到我沒有包括開發人員。 在極少數情況下，我們會引入開發人員進行複雜的設計實現。 使用我們的協作解決方案構建點擊後登錄頁面時，協作和相互提供反饋的效率提高了 2 倍。 我們可以不使用通過 Slack 或第三方工具發送的屏幕截圖，而是在點擊後登錄頁面元素上放置一個熱點，並通知設計師（文案或其他利益相關者）進行必要的更新。

（為了更好地了解協作，請在下面觀看這些內容 - 通過熱點進行交流並與您的營銷團隊共享頁面。或者，您可以去這裡。）

BW：你最喜歡的 Instapage 功能是什麼？為什麼？

FM：作為一名設計師，我很難回答，但我不得不說我最喜歡的 Instapage 功能是我們在 2017 年 6 月宣布的三項新設計功能：

• 邊緣測量
• 軸鎖
• 鍵盤快捷鍵

我認識的大多數設計師總是渴望使用正確的工具來提高他們的設計過程的效率。 但它也需要創建像素完美的設計作品。 也就是說，我相信 Instapage 就是這樣做的。

與使用 Sketch 應用程序類似，我們有邊緣測量和鍵盤快捷鍵。 邊緣測量特別酷，因為您可以逐個像素或按像素範圍移動和對齊元素 - 將事物精確到您想要的位置。 軸鎖定使您能夠沿 X 或 Y 軸無縫移動元素，而無需處理任何雜亂的導向器。

這些功能相結合，使我能夠在平臺本身內構建一個漂亮的、像素完美的點擊後登錄頁面。 現在，您可以無限制地進行設計！ （有關邊緣測量和軸鎖定的更多信息，請觀看以下內容：）

在野外啟動我們的點擊後登陸頁面後，優化和迭代我們的初始設計是最重要的階段之一。 這就是 Instapage A/B 測試功能派上用場的地方。

BW：有沒有讓你最引以為豪的點擊後登陸頁面？

FM：當然！ 幾個月前，我有一個項目為我們的協作解決方案發佈設計和構建一個點擊後登錄頁面。 我對團隊來說相對較新，所以學習和遵循我們的品牌指南和風格指南在這個過程中發揮了巨大的作用。 我能夠非常輕鬆地創建點擊後登錄頁面，我很自豪地說它目前的轉化率是 24%（點擊這裡查看完整頁面）。

有您希望我們添加的設計功能嗎？

我們一直在尋求客戶的反饋，並希望幫助您大規模創建更好的、高轉化率的點擊後登錄頁面。 如果您希望我們將設計功能添加到我們的構建器中，請將您的反饋發送給我們。 我們歡迎您在 Capterra、Trustpilot 或 G2 Crowd 上查看 Instapage。

然後，開始使用 Instapage 創建 100% 可定制的點擊後登錄頁面。 我們對設計師友好的平台和先進的 A/B 測試功能絕對不會出錯； 你的轉化率會感謝你。 立即註冊 Instapage Enterprise 演示。