乙個專業的產品著陸頁是怎麼設計出來的呢?

2022-09-21 08:09:07 字數 2088 閱讀 9148

對於許多品牌和**而言,著陸頁在營銷上有著至關重要的作用。使用者開啟著陸頁之後,能夠通過它瞬間明白這個**是做什麼的,提供什麼樣的產品,什麼樣的服務,同時不會被其他的資訊所分心。正是因為著陸頁的獨特地位,它在品牌和內容營銷上的作用是難以忽視的。想要讓著陸頁運轉正常,有足夠突出的轉化率,你需要基於目標受眾來進行設計。

但是,對於受眾廣泛、使用者型別多樣的**平台而言,又要如何設計著陸頁呢?今天的文章,我們就來看這樣的乙個著陸頁設計案例。今天這個設計實戰的設計師是ludmila shevchenko 。

任務設計著陸頁,頁面中需要搭配相應的自定義數字插畫。

處理過程提出需求的是英國公司 collectively intelligent

limited,他們旗下有乙個名為 colony

的線上數字協作平台。這個平台的建立,是旨在幫助全世界不同國家和地區的人民通過它來共同建立公司。在社群中,不同的使用者可以圍繞乙個目標進行合作,協同創造,共同管控資金,分享專案收入,而在此過程中這些人甚至都不一定需要認識對方,只需要目標一致,通過平台協同即可。

客戶提出單獨設計著陸頁的需求,希望這個著陸頁能夠以相對簡單和www.cppcns.com平易近人的設計,傳達出他們的價值主張。colony 是乙個成熟的、複雜的產品,所以著陸頁的主要功能是幫助人們了解它是如何工作的,以及從中能夠得到什麼好處。

著陸頁的設計有些人會認為,在著陸頁中盡可能多的包含產品細節,能夠吸引使用者。但是實際上,乙個著陸頁不應當包含過量的資訊,而應該讓使用者注意到產品的核心價值,凸顯對使用者有利的資訊。所以,在設計的時候,通常是採用相對簡約明晰的視覺設計,通過幾個富有凝聚力的ui元素(比如cta按鈕和表單)來呈現。 

圍繞著核心特點來對著落頁進行設計,設計師需要有層次地規劃整個布局,以及各個部分的優先順序。有效的視覺層次有利於使用者逐步獲取資訊。

自定義的插畫常常會出現在著陸頁當中,作為重要的ui元件幫助使用者理解產品的功能和概念。所以,在首圖的位置使用插畫是相當普遍而有效的選擇。為了設計出更加有效的首圖插畫,tubik團隊中的

arthur **akyan 和 denis boldyriev

也參與到首圖插畫的頭腦風暴和創意設計當中來。設計師嘗試將地球上不同區域的使用者相互連線的概念來進行設計。下面就是他們基於這一概念設計出來的插畫:

lu程式設計客棧dmila shevchenko 設計的插畫

arthur **akyan 設計的插畫

denys boldyriev 設計的插畫

設計師們拿出了不同風格的插畫,它們在主題上和整個ui保持一致,營造出友好、平易近人的氛圍,同時也讓人對整個公司形象bnasc產生足夠的好感。插畫中展示出 colo程式設計客棧ny 是如何幫助世界各地的使用者溝通、交流、達成目標的。

客戶在視覺上更加傾向於淺色背景和流暢的輪廓,因為這更加貼合他們的商業定位。考慮到客戶的方向選擇,ludmila 還基於客戶的選擇繪製了一系列的變體。

全球互聯

連線地球

太空任務

連線世界

再次將 4 個不同的設計提交給客戶的時候,他們傾向於讓第三副圖和第四副圖的概念結合到一起。

在進行調整之後,我們得到了最終的版本。第三副圖當中的ui元素和第三副圖的插畫充分地融合到了一起,而配色則採用了集中明亮但是並不富程式設計客棧有侵略性的色彩,粉紅、黃色、綠松石色以及紫色。

特色插畫接下來,就是為了展示不同的功能而設計自定義插畫。這些插畫也會使用和首圖插畫一致的配色方案。這些插畫是為了簡明地展示產品功能而存在,以便使用者可以快速理解產品的功能和本質。此外,插畫還會搭配一些微文案,來幫助使用者了解這些功能的特點。而這個時候,還需要文案設計師參與進來。

正如你所看到的,所有的插畫都使用了大量的留白和微妙的元素來凸顯產品的複雜性。由於插畫中的色彩看起來非常的具有親和力,這使得插畫顯得非常的友好、富有吸引力。

為了讓整個介面看起來足夠一致,設計師還為製作了產品故事插畫,它闡述了人們為何需要這個產品。故事是吸引潛在客戶關注的好辦法,漂亮的自定義插畫讓它足以給使用者留下好印象。

代幣銷售頁面colony 有它獨特的網路體系和金融體系。為了擁有足夠的所有權,使用者需要通過工作來獲取更多的代幣,獲取的代幣越多,使用者能夠通過colony 的網路獲得更多的許可權。為了吸引使用者的興趣,並告知他們代幣的銷售開始,客戶要求我們設計乙個特殊的倒計時頁面。

本文標題: 乙個專業的產品著陸頁是怎麼設計出來的呢?

本文位址:

設計實戰!專業的設計師是怎樣進行著陸頁設計的?

對於著陸頁而言,有趣而吸引人和清晰直觀是同樣重要的屬性。今天的設計實戰,將會為你展現的不僅僅是著陸頁本身的設計,還有專業的著陸頁的設計流程,來自 tubik 的設計師 ludmila shevchenko 將會為你展現著陸頁設計各個階段的具體操作,以及實用的技巧,希望你會喜歡。專案說明為不同的服務設...

什麼是資料產品,怎麼設計乙個好用的資料產品

何為資料產品?從廣義上講,一切以資料作為驅動或者核心的都叫資料產品 例如資料包表平台 dmp 搜尋與精準化產品 風控產品等等 從狹義上講,就是公司的內部資料平台。今天和大家討論的,主要是關於公司的內部資料平台的搭建。公司的內部資料平台,主要作用是提供給公司內部所有部門人員使用,使公司內部的所有業務能...

經典設計 17個最有效的學習著陸頁設計的例子

這篇文章中,我們為大家編譯一些有趣和創意的著陸頁面設計例子,幫助你快速掌握著陸頁設計技巧。著陸頁面 landing pages 需要特殊的設計,抓住目標受眾的整注意力,和數以百萬計的 競爭。著陸頁對於幫助 把訪問者轉換成銷售非常重要。因此,產品的訊息必須明確,設計必須能吸引人且簡單易懂。登陸頁面的設...