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

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
  • 網上推廣

    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
    • 提速網站FCP分數:全面攻略助你搶佔香港SEO先機
    • 精準流量變現的關鍵:香港企業如何利用SEO提升會員轉化率?
    • SEO公司緊急警報:網站流量突然暴增?小心黑帽SEO植入
  • 網頁設計

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
    • 網頁設計中最基礎的配色技巧 讓網頁在色彩海洋中脱穎而出
  • APP開發

    • APP設計技巧:如何利用重疊設計來增加APP的魅力
    • UX設計技巧:如何做好APP的BAR設計?提升整體APP的用戶體驗
    • APP設計策略:如何將信息對比應用APP設計中,以提高用戶體驗?
    • UI設計指南:底部彈出框需要重視哪些設計原則
    • Headspace APP設計案例分析:APP設計實踐中需運用哪些UX設計定律

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 @ 2023 Inspirr Creation. All rights reserved.

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