24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 服務範圍 
    • 網頁設計 
    • 網絡行銷 
      • SEO搜尋引擎優化 
      • SEM搜尋引擎行銷 
      • 社交網絡推廣策略及推廣 
      • EDM 電郵宣傳策略及設計 
      • 部落格/博客/討論區行銷方案 
    • 網上推廣 
    • 人才外判計劃 
  • 優惠推介 
    • SE0上頭版推廣 
    • SEO教學課程 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » UI設計案例分析:Colony 的登陸頁設計是如何目標受眾需求的
  • 近期文章

    • 掌握5個Yahoo SEO優化策略,為網站帶來更多額外的SEO流量!
    • 網頁設計風格介紹:百年不衰的包豪斯設計風格
    • 網站SEO新知:網站製作完成後必做的4個Google SEO設定
    • 網頁出現問題,該如何與網頁製作公司進行溝通?
    • 站外SEO優化該怎樣做?掌握這些SEO優化策略,讓網站權重提升一個level
  • 網上推廣

    • 掌握5個Yahoo SEO優化策略,為網站帶來更多額外的SEO流量!
    • 網站SEO新知:網站製作完成後必做的4個Google SEO設定
    • 站外SEO優化該怎樣做?掌握這些SEO優化策略,讓網站權重提升一個level
    • 如何做好社群行銷策略?將社群媒體最有利的線上行銷武器
    • 如何經營社群媒體才能創造良好的行銷成效?掌握這4個社群經營策略
  • 網頁設計

    • 網頁設計風格介紹:百年不衰的包豪斯設計風格
    • 網頁出現問題,該如何與網頁製作公司進行溝通?
    • 品牌網站還停留在幾年前的審美?分享2022下半年即將流行的UI設計趨勢
    • 網頁設計技巧:如何在網頁設計中巧妙地使用「紋理」
    • 網頁設計技術趨勢:你的品牌網站還留着這些過時設計嗎?
  • APP開發

    • 如何提高UI設計的精緻度?掌握這五個UI設計技巧
    • APP設計技巧:掌握這些APP設計細節,讓你的APP變得更加精緻
    • 【案例分析】韓國UI設計特點 提升作品的質感和設計感
    • APP設計新知:左文右圖和右文左圖的差異在哪裡
      APP設計新知:左文右圖和右文左圖的差異在哪裡
    • UI設計教程:關於APP頂部欄的UI設計規則和使用方式
      UI設計教程:關於APP頂部欄的UI設計規則和使用方式

UI設計案例分析:Colony 的登陸頁設計是如何目標受眾需求的

分類: 最新資訊, 網頁設計 Tags: #UI設計案例分析, UI設計, 網頁設計 日期: 2021-07-05

對很多品牌和網站而言,登陸頁在數位營銷上有着至關重要的作用,尤其是在提高轉換率方面。不過,設計出符合目標受眾口味的登陸頁,往往需要花費大量精力,這實在是消耗巨大、效率極低。本文將為各位品牌網站帶來了一個登陸頁實戰案例分享,有興趣的朋友可往下看!

UI設計案例分析:Colony 的登陸頁設計是如何目標受眾需求的

UI設計案例分析

UI設計案例分析:分享一個登陸頁實戰案例

【案例背景】

英國公司 Collectively Intelligent Limited旗下一款名為Colony 的線上數字協作平台需進行單獨設計登陸頁。

該平台的創建,旨在幫助全球不同國家和地區的用戶可透過它來共同創建公司。在社區中,不同用戶可以圍繞一個目標進行合作,協同創造,共同管控資金,分享項目收入。

登陸頁設計要求:

1. 登陸頁設計要相對簡單且平易近人,同時能傳達出產品的價值主張;

2. 登陸頁的主要功能是幫助用戶了解它的運作以及從中獲得的好處。

UI設計案例分析:Colony 的登陸頁設計是如何目標受眾需求的

UI設計案例分析

【登陸頁設計的核心特點】

有些會認為,登陸頁盡可能包含產品/服務細節才能吸引用戶。在實際操作中,登陸頁的設計不應包含過量信息,而是直接讓用戶注意到產品的核心價值,凸顯對用戶有利的信息。

因此,進行登陸頁設計時,通常會採用相對簡約明晰的UI設計,透過富有凝聚力的UI元素(如CTA按鈕和表單)來呈現。

UI設計案例分析:Colony 的登陸頁設計是如何目標受眾需求的

UI設計案例分析

【着陸頁設計內容】

接下來,圍繞着登陸頁設計的核心特點進行設計,設計師透過有層次地規劃整個UI佈局和各部分的優先級,讓用戶逐步獲取信息。

我們一起來看看設計師到底做了哪些UI設計工作:

UI設計案例分析:Colony 的登陸頁設計是如何目標受眾需求的

UI設計案例分析

◆ 自定義插畫

自定義插畫是登陸頁中重要的UI組件,有助於用戶更容易理解產品的功能和概念。因此,在UI設計中使用插畫是相同普遍且有效的選擇。

為了設計出更加有效的首屏插畫,設計師嘗試將地球上不同區域的用戶相互連接的概念進行設計,同時確保整個登陸頁UI設計與產品主題保持一致,營造出友好、平易近人的氛圍,讓用戶對整個公司形象產生足夠的好感。

考慮到產品的商業定位和客戶的方向選擇,產品UI設計傾向於淺色背景和流暢的輪廓,並繪製了一系列的變體。而配色方面,則採用了集中明亮但並不富有侵略性的色彩,如粉紅、黃色、綠松石色以及紫色。

UI設計案例分析:Colony 的登陸頁設計是如何目標受眾需求的

UI設計案例分析

◆ 配色方案

設計師還為不同功能設計自定義插畫。為了簡明地展示產品功能而存在,同時方便用戶可以快速理解產品的功能和本質,這些插畫的配色方案與首屏插畫保持一致。此外,插畫還會搭配一些微文案,幫助用戶了解這功能特點。

如你所見,所有插畫都使用大量留白和微妙元素凸顯產品的複雜性。插畫所選用的配色方案也極具親和力,使得整個UI設計顯得非常友好、富有吸引力。

為了讓整個界面看起來足夠一致,設計師還製作了產品故事插畫,用於闡述用戶使用該產品的好處,並吸引潛在客戶關注,給用戶留下好印象。

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
訂閱電子報 公司最新資訊 Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
    • 網頁設計
    • 平面設計
    • 網上推廣
    • 程式開發
    Inspirr網頁設計香港
    公司資訊
    概覽
    職位空缺
    服務範圍
    網站設計流程
    SEO網站優化
    手機程式開發
    平面設計
    作品案例
    網頁設計案例
    手機程式案例
    多媒體設計案例
    平面商業設計案例
    聯繫我們
    • inspirr Facebook
    • inspirr vimeo
    • inspirr blog
    • 雅虎認證官網
    • 新浪微博認證

    Inspirr網頁設計公司專業設計網站

    網頁設計、網上商店、編寫程序、網上顧問、網上廣告、網上行銷等。我們擁有優秀專業的團隊,獨特的網頁設計功能,Web Design等技術,秉持網上商店品質、創新、服務的經營理念,集合設計、科技及網上推廣的元素。

    inspirr地址

    香港上環德輔道中248號東協商業大廈6樓601室

    Inspirr聯繫電話

    (852) 3749 9734

    Inspirr郵箱

    Copyright @ 2022 Inspirr Creation. All rights reserved.

    友情鏈接: 香港網頁設計 公司網站管理