美觀實用的落地頁在成功的網絡營銷活動中發揮著至關重要的作用。它作為一個特殊的產品和服務，能幫助用戶快速專注的找到所需的信息。一個高效的落地頁能吸引訪問者的注意力，使其不斷轉化成目標用戶。為了更好的展開工作，根據目標用戶偏好來創建一個落地頁非常重要。
任務
設計插畫風格的數字協作平臺的落地頁。
創作過程
該客戶是來自倫敦的英國公司Collectively Intelligent Limited，一家名為Colony的數字協作平臺的策展人。該平臺幫助世界各地的人們在線共同建立公司。盡管社區團體并不認識它的合作對象，更不存在彼此信任的親密關系，他們仍可以進行項目合作，互動協作，共同管控資金，并分享項目收入。
客戶提出了一個落地頁的設計需求，以簡單和平易近人的方式傳達他們的價值理念。Colony是一個繁瑣復雜的產品，所以主要任務是幫助人們了解它是如何工作的以及從中獲得哪些好處。在考慮了所有要素之后，設計師開始了他的創作。
落地頁設計
有些人可能會認為：落地頁應該包含關于產品的所有細節，客戶才更有可能對其產生興趣。然而，有效落地頁的主要任務是將用戶的注意力集中在具體的報價上。可以通過抽象的視覺呈現來把控頁面風格，將視覺重點集中在CTA按鈕和應用程序表單等幾個UI元素上。
為了使落地頁能夠切合實際的關鍵點，設計師已經按照UI元素的優先順序將頁面劃分成幾個部分，并做出了整頁的結構規劃。有效的視覺層次結構有助于人們逐漸接收信息。
自定義插圖通常應用于落地頁設計中，作為UI組件幫助用戶理解產品和功能。因此，定好落地頁的結構之后，接下來的任務就是找到適合注意的插圖風格，這些風格將應用于頁面的主體部分。為拓寬選擇范圍，平面設計師Arthur Avakyan和Denis Boldyriev參與了頭腦風暴和創意搜索。設計師嘗試了2種插圖主體：地球與合作用戶之間的關系和宇宙英雄完成超級太空任務。結果如下：
插畫風格由Ludmila Shevchenko提供
插畫風格由亞瑟Avakyan提供
插畫風格由Denys Boldyriev提供
設計師展示了不同風格和配色方案的插圖，與界面和諧的結合在一起，同時在用戶解決方案種傳達了該平臺只接受卓越的公司進行優秀產品合作的理念。插圖著重闡述了Colony能夠幫助世界各地的人們進行交流并達成成功合作的理念。
客戶選擇了應用淺色背景和流暢線條的風格，因為它看起來更接近商業風格。根據客戶的選擇，Ludmila創建了適合落地頁面UI元素的插圖延展方案。
全球鏈接
連接地球
太空任務
普遍連接
當插圖呈現給客戶時，他們要求將第四個延展方案的視覺呈現與用戶插圖的想法結合起來，如上圖所示的第三張圖片。
所有更改完成后，我們得到最終版本。用戶界面元素與主題插圖相結合，這些主題插圖向用戶展示了地球與遠程合作用戶間的關系。配色上選用了幾種鮮艷的色彩，長春花色為主色，粉紅色，黃色，綠松石和紫色為輔助顏色。
特色插畫
接下來要做的是根據功能來創建插圖。為了使著陸頁有整體性，這些功能會采用相近的樣式和顏色來表達。主要目標是以簡單明了的形式展示這些功能，以便用戶能夠快速的理解產品。另外，插圖下面將會顯示解釋說明文案，因此設計師需要將插畫與UI整體風格相搭配來完成排版。讓我們來看看結果。
正如你所看到的，所有的插圖都用很大的留白搭配微妙的元素，來反映公司復雜的構成。整個界面的插畫顏色搭配給人以友善、吸引人的感覺。字體組件也起到了很好的配合作用。
為了形成一致的界面，設計師還為產品故事創建了插圖 - 簡要說明它是什么以及人們為什么需要它。這個故事是吸引潛在客戶注意力的好方法，美麗的特色插畫給人以愉悅的感覺。以下是為此目的而設計的插圖。
金幣銷售頁面
Colony是一個擁有自己的規則和金幣的獨特的互聯網絡。每個colony都有自己的標志。為了分配所有權，用戶通過工作賺取金幣。他們擁有的金幣越多，他們擁有的colony就越多。當你發起任務或要求他人支付時，你將根據你良好的判斷來決定金幣的所有權。
為了吸引人們的興趣并告知他們金幣銷售已經開始，客戶想要創建一個顯示特殊日期倒計時的頁面。設計師要用與落地頁設計相同的風格和顏色來提高品牌認知度。設計倒計時的時候，要用彩色的圓圈來顯示日期以及時、分、秒。下面是銷售頁面設計的最終版本。
展示一種新穎獨特風格的產品可能成為設計師的挑戰。重要的是吸引人們的注意力并展示產品的所有特點。強大的落地頁設計有助于在產品推出之前獲得知名度，收集用戶群，并把潛在客戶感興趣的故事講給他們聽。
作者：Tubik Studio
