GoldAlles Project

Financial Commodities Combining Gold and Cryptocurrencies

全金集成專案

結合黃金與加密貨幣的金融商品

目錄

OVERVIEW|概述

專案因應客戶營運需求的變更,重新規劃 SaaS 產品、白皮書、登陸頁,並且提出 APP 優化設計,同時也 Rebrand 金融產品的 VI ,以及配合行銷需求,製作展場視覺和獨立開版印刷品。我負責釐清導致信任感不足的設計,並排出優先順序,分別創建 VI、介面、原型、靜態網頁、以及最終通用的平面設計元素。

CLIENT|客戶

GoldAlles
全金集成

PROJECT CONTENT|設計內容

SaaS, Landing Page website, visual design, prototype, printing
產品網站、登陸頁網站、視覺設計、原型、印刷品

DESIGN PROCESS|設計過程

我們與業主團隊(包含工程師和營運)合作,在為期一季的時間內整理出優先解決順序。
業主團隊與我同步進行,需要串接則由我方工程師協助溝通。

Research
Planning
Design
Control
研究
Find out the reason of trust issues
找出信任度不足的原因
規劃
Clarify the new IA and logic flow
釐清專案新架構、操作邏輯
設計
Design the effective proposal
設計出符合規劃
解決重點問題的方案
控管
Confirm all the element can match the brand
確認專案中所有元素與產出
能符合品牌調性

PROBLEM RESEARCH |問題研究

專案營運需求變更後,造成的「信任度不足」問題,主要體現在「體驗、流程、視覺」這三方面綜合感受:

  • SaaS 因應營運需求變更,原有功能陸續變更狀態下,無法讓使用者簡易操作完成
  • GoldPro、DEAC 為新概念的產品,對投資人來說較為陌生,信心不足
  • DEAC 是需求變更中的新產物,初始時與 GlodPro 使用同樣的標誌,造成使用者混淆,不易理解
  • DEAC 產品設計概念較為複雜,投資人無法立即理解,容易心生懷疑

Proposal|解決方案

  • 釐清 GoldPro SaaS 變更需求後的 IA 和 Logic Flow,建立清晰使用流程
  • 搭配營運、行銷目標,參與實體金融展、發新聞稿、與 KOL 合作推廣介紹產品,提升知名度
  • 為 DEAC 設計獨立的標誌,以區隔 GoldPro、DEAC,讓使用者明確理解
  • 將 DEAC 白皮書的內容資訊視覺化,降低使用者的理解門檻,提升信任值

IA|資訊架構

將 GoldAlles、GoldPro、DEAC 分成三大部分

GoldAlles:公司,建立官方網站作為登陸頁,介紹產品同時也為GoldPro 登入口
GoldPro:SaaS 產品,可讓使用者買賣 DEAC ,有網頁和 APP 兩種版本
DEAC:黃金提貨單,是黃金結合虛擬貨幣的金融產品,能夠在 Bito、ACE 交易所交易

GoldPro SaaS|GoldPro 產品

The GoldPro allows users to buy, sell, store DEAC, make an appointment at a real store,
and exchange for physical gold.
Index Page display the gold price, user property, trade record, and advertise banner.

GoldPro 可讓使用者買賣儲存 DEAC、預約銀樓、兌換實體黃金
首頁展示黃金價格、使用者資產、使用者交易紀錄,以及廣告 Banner

Buy|買入

What’s the opportunities?

Why we need the features?

How it works?

這個功能目標是什麼
使用者能夠在登陸 GoldPro 後,立即使用買入流程購買 DEAC

為什麼需要這些功能?
為使用者提供簡易好懂的四步驟,引導使用者快速進行交易,確保使用者不迷路

怎麼運行的?
透過確認付款方式、購買的數量、身份驗證來夠購買 DEAC

Sell|賣出

What’s the opportunities?

Why we need the features?

How it works?

這個功能目標是什麼?
使用者能夠持有 DEAC 時,選擇賣給銀樓,兌換成實體黃金

為什麼需要這些功能?
確保 DEAC 具有實際投資價值

怎麼運行的?
透過在 GoldPro 上預約銀樓、兌換方案、身份驗證,在實體銀樓進行賣出,並由銀樓核對後完成交易

Exchange|轉出

What’s the opportunities?

Why we need the features?

How it works?

這個功能目標是什麼?
使用者可以將 DEAC 轉給其他有電子錢包的人

為什麼需要這些功能?
讓 DEAC 能夠在人們之間流通,不侷限在 GoldPro、交易所上,確保流通性

怎麼運行的?
透過輸入發送地址、數量、身份驗證後,完成 DEAC 轉出

Record|紀錄

What’s the opportunities?

Why we need the features?

How it works?

這個功能目標是什麼?
將使用者的交易、預約明細記錄在 GoldPro 上

為什麼需要這些功能?
讓使用者明確了解自己的資產狀況、價值、以及預約交易的情形

怎麼運行的?
GoldPro 會紀錄使用者每筆交易、預約的情形,使用者直接到「紀錄」功能查看即可

APP

放一張「買入」介面的圖,並且詳細解說

Landing Page|登入頁

全金集成:https://goldalles.com/

GoldAlles 官方網站首頁,同時也為 GoldPro 的登陸頁。
在官方網站中,首頁取出 DEAC 和 GoldPro 的重點介紹,並加上 CTA 引導使用者登入 GoldPro,而其他頁面則有 DEAC 與 GoldPro 詳細介紹、常見問題、白皮書下載連結,讓投資人、使用者,都能在官方網站找到所需相關資訊。

DEAC|黃金提貨單

DEAC (黃金提貨單) 是由全金集成公司推出的產品
1 DEAC = 1g 實體黃金提貨權

前述在初始專案問題研究中有提到,DEAC 和 GoldPro 初始時使用同一個標誌,延伸出的不信任感問題,藉由獨立設計出 DEAC 的標誌,讓投資人好理解、好區別兩者之間不同,來消除不信任感。DEAC 標誌設計需求有以下三大重點:

  1. 解決 DEAC 和 GoldPro 混淆識別問題
  2. 維持和 GoldAlles、GoldPro 的系列感
  3. 區別 DEAC 和其他虛擬貨幣

藉由研究後,以「堆積成金山」的概念,設計出如附圖的標誌,這個標誌也能很好解決上述三重點,另外也因應使用需求,將標誌針對獨立開版印刷、極小尺寸螢幕需求、常態使用有做各式系列設計。

White Paper|白皮書

白皮書編輯設計中,運用 isometric、infographics 插圖,幫助投資人容易理解 DEAC 的設計概念,進而產生信任值。

exhibition design|金融參展

參與實體金融展,提升投資人的信任值,在實體展覽中,我們也設計易拉展、背板、獨立開版DM,用以和現場的潛在投資人互動,讓更多受眾能夠認識 DEAC。

全金集成 GoldAlles SaaS 設計專案中,主要分成三部分:
一、對外的公司與產品行銷登陸頁 ( Landing Page )
二、GoldPro 黃金電商產品 SaaS 服務
三、DEAC 黃金提貨單

讓投資黃金平易近人

現有投資黃金的方案中,常受限於時間、單位門檻、交易手續費…等等,對一般人來說門檻高,全金集成公司為令投資黃金更為平易近人,設計出以能夠採用數位貨幣交易的 DEAC (黃金提貨單),讓大眾能使用手機,便能夠輕易投資黃金。

DEAC 相較於現有黃金投資方案,最佳優勢的地方在於:門檻低、沒有時間限制、流通性高;且DEAC 1:1 對標黃金,因此隨時想兌換出實體金條時,可於 GoldPro 預約,並且於指定銀樓兌換出實體金幣或金條。

讓人更輕鬆了解的 Isometric design

全金集成官方網站的 Landing Page 設計中,引導投資者了解產品(DEAC)、GoldPro 產品服務之外,同時也乘載要讓初階投資者也輕易理解相關服務,在 Landing Page 中大量運用 Isometric 圖像式插畫,讓投資者能夠快速理解 DEAC 與 GoldPro 相關細節。

不僅 Landing Page 以 Isometric 圖像與 UI 介面結合呈現,在必要的白皮書上,也是採取一致圖像來對外解說更細部的相關資訊。

Landing Page 滾輪式差效果

全金集成:https://goldalles.com/

GoldPro MVP SaaS 產品設計

GoldPro 是黃金電商,在 MVP SaaS 產品設計中,優先設計能夠買、賣、紀錄、兌換的功能。投資者可以從 Landing Page 登入電腦版,或者連結至 App Store、 Google Play 下載 APP 手機版。在 GoldPro 上能夠買賣 DEAC,做為數位錢包用途之外,也能轉發、兌換 DEAC 成為實際金幣金條。

 


延伸閱讀:即時投資黃金 — GoldPro APP 黃金電商平台 UI/UX 優化

GoldPro 介面

O2O 推廣黃金投資


全金集成為推廣 DEAC 與 GoldPro ,採取 O2O 方式,在線上佈局FB、新聞媒體稿;線下搭配金融博覽會,以實體宣傳方式來對投資者推廣 DEAC 與 GoldPro。


延伸閱讀:新時代投資,積磚成金山 — DEAC黃金提貨單

Project

Client / 全金集成
Year / 2020

Category

品牌設計 / Brand Design
網頁設計 / RWD Web Design
介面設計 / UI Design
使用者體驗流程優化 / UX Design

Team

Engineer / 工程團隊 & 賴光偉

Designer / 張瓊文