如何利用插畫設計打造一個與衆不同的産品落地頁？

　　對(duì)于很多品牌和網站而言，落地頁在營銷上有著(zhe)至關重要的作用。用戶打開(kāi)落地頁之後(hòu)，可以通過(guò)它瞬間明白這(zhè)個網站是做什麼(me)的，提供什麼(me)樣的産品，什麼(me)樣的服務，同時(shí)不會(huì)被其他的信息所分心。正是因爲落地頁的獨特地位，它在品牌和内容營銷上的作用是難以忽視的。想要讓落地頁運轉正常，有足夠突出的轉化率，你需要基于目标受衆來進(jìn)行設計。

　　但是，對(duì)于受衆廣泛、用戶類型多樣的網站網絡平台而言，又要如何設計落地頁呢？今天圻谷網絡淄博網站建設公司小編就(jiù)跟大家看這(zhè)樣的一個利用插畫打造一個與衆不同的産品落地頁的設計案例。

　　1、任務

　　設計落地頁，頁面(miàn)中需要搭配相應的自定義數字插畫。

　　2、處理過(guò)程

　　提出需求的是英國(guó)公司 Collectively Intelligent Limited，他們旗下有一個名爲 Colony 的線上數字協作網絡平台。這(zhè)個網絡平台的創建，是旨在幫助全世界不同國(guó)家和地區的人民通過(guò)它來共同創建公司。在社區中，不同的用戶可以圍繞一個目标進(jìn)行合作，協同創造，共同管控資金，分享項目收入，而在此過(guò)程中這(zhè)些人甚至都(dōu)不一定需要認識對(duì)方，隻需要目标一緻，通過(guò)網絡平台協同即可。

　　客戶提出單獨設計落地頁的需求，希望這(zhè)個落地頁可以以相對(duì)簡單和平易近人的設計，傳達出他們的價值主張。Colony 是一個成(chéng)熟的、複雜的産品，因此落地頁的主要功能(néng)是幫助人們了解它是如何工作的，以及從中可以獲得什麼(me)好(hǎo)處。

　　3、落地頁的設計

　　有些人會(huì)認爲，在落地頁中盡可能(néng)多的包含産品細節，可以吸引用戶。但是實際上，一個落地頁不應當包含過(guò)量的信息，而應該讓用戶注意到産品的核心價值，凸顯對(duì)用戶有利的信息。因此，在設計的時(shí)候，通常是采用相對(duì)簡約明晰的視覺設計，通過(guò)幾個富有凝聚力的UI元素（比如CTA按鈕和表單）來呈現。

　　圍繞著(zhe)核心特點來對(duì)著(zhe)落頁進(jìn)行設計，設計師需要有層次地規劃整個布局，以及各個部分的優先級。有效的視覺層次有利于用戶逐步獲取信息。

　　自定義的插畫常常會(huì)出如今落地頁當中，作爲重要的UI組件幫助用戶理解産品的功能(néng)和概念。因此，在首圖的位置使用插畫是相當普遍而有效的選擇。下面(miàn)就(jiù)是基于這(zhè)一概念設計出來的插畫：

　　

　　設計師們拿出了不同風格的插畫，它們在主題上和整個UI保持一緻，營造出友好(hǎo)、平易近人的氛圍，同時(shí)也讓人對(duì)整個公司形象産生足夠的好(hǎo)感。插畫中展示出 Colony 是如何幫助世界各地的用戶溝通、交流、達成(chéng)目标的。

　　客戶在視覺上更加傾向(xiàng)于淺色背景和流暢的輪廓，因爲這(zhè)更加貼合他們的商業定位。考慮到客戶的方向(xiàng)選擇，基于客戶的選擇繪制了一系列的變體。

　　

　　全球互聯

　　

　　連接地球

　　

　　太空任務

　　

　　連接世界

　　再次將(jiāng) 4 個不同的設計提交給客戶的時(shí)候，他們傾向(xiàng)于讓第三副圖和第四副圖的概念結合到一起(qǐ)。

　　

　　在進(jìn)行調整之後(hòu)，我們獲得了最終的版本。第三副圖當中的UI元素和第三副圖的插畫充分地融合到了一起(qǐ)，而配色則采用了集中明亮但是并不富有侵略性的色彩，粉紅、黃色、綠松石色以及紫色。

　　4、特色插畫

　　接下來，就(jiù)是爲了展示不同的功能(néng)而設計自定義插畫。這(zhè)些插畫也會(huì)使用和首圖插畫一緻的配色方案。這(zhè)些插畫是爲了簡明地展示産品功能(néng)而存在，以便用戶可以快速理解産品的功能(néng)和本質。此外，插畫還(hái)會(huì)搭配一些微文案，來幫助用戶了解這(zhè)些功能(néng)的特點。而這(zhè)個時(shí)候，還(hái)需要文案設計師參與進(jìn)來。

　　正如你所看到的，全部的插畫都(dōu)使用了大量的留白和微妙的元素來凸顯産品的複雜性。由于插畫中的色彩看起(qǐ)來非常的具有親和力，這(zhè)使得插畫顯得非常的友好(hǎo)、富有吸引力。

　　

　　爲了讓整個界面(miàn)看起(qǐ)來足夠一緻，設計師還(hái)爲制作了産品故事(shì)插畫，它闡述了人們爲何需要這(zhè)個産品。故事(shì)是吸引潛在客戶關注的好(hǎo)辦法，漂亮的自定義插畫讓它足以給用戶留下好(hǎo)印象。

　　

　　5、代币銷售頁面(miàn)

　　Colony 有它獨特的網絡體系和金融體系。爲了擁有足夠的全部權，用戶需要通過(guò)工作來獲取更多的代币，獲取的代币越多，用戶可以通過(guò)Colony 的網絡獲得更多的權限。爲了吸引用戶的興趣，并告知他們代币的銷售開(kāi)始，客戶要求我們設計一個特殊的倒計時(shí)頁面(miàn)。