Agence NFT 拍賣場

讓使用者能夠輕鬆買賣和競標 NFT。

服務公司

Aetheras

擔任角色

UI/UX 設計師

專案期間

2019年八月 – 2020年三月

負責項目

  • Logo 設計。
  • 研究競品並梳理產品架構。
  • 發想並制定網站的外觀風格。
  • 與美術設計師討論、發想插畫主題。
  • 設計和製作 Wireframe、Mockup、Prototype。
  • 溝通 Dev Handoff,協助工程師理解設計稿。
  • 參與 QA 測試,記錄問題,與工程師討論修正、迭代。

專案背景

Agence Auctions 是一個專門用來買賣和競標 NFT 的拍賣平台,讓使用者可以輕鬆找到自己喜歡的數位收藏品。我負責設計整體的 UI/UX,希望用簡單直觀的介面,讓整個使用流程更順暢。

專案挑戰

如何設計一個既能吸引對 NFT 感興趣的使用者,又能兼顧新手和經驗豐富收藏家需求的拍賣平台。同時,要在競爭激烈的市場中,打造具品牌特色的設計,讓網站既簡單直觀又具有創意和吸引力。

專案目標

  • 提供流暢體驗:設計清晰直觀的介面,讓使用者能快速了解並參與 NFT 的購買與競標流程。
  • 提升品牌辨識度:以具創意且吸引力的設計語言,塑造獨特的視覺形象,讓平台在市場中更具記憶點。
  • 滿足多層次需求:打造友善的使用者介面,確保新手與經驗豐富的收藏家都能輕鬆上手並享受交易過程。

設計流程

產品架構

規劃了產品架構圖和交易流程圖等,方便我理解產品邏輯,並在 Wireframe 階段能夠更有效地安排頁面排版、按鈕位置及操作流程等。

線框稿

透過線框稿的方式,與同事們討論頁面的流程及架構。

設計系統

整理了顏色、字級、格柵等 UI 樣式,幫助工程師更好地理解設計。

設計產出

首頁設計

以吉祥物換帽子的動畫作為主視覺,傳達遊戲 NFT 的概念,吸引使用者的注意並強化品牌印象。下方區塊展示多樣化的拍賣卡片,讓使用者能快速瀏覽感興趣的 NFT。最後在頁面底部提供使用教學,引導新手了解平台操作。

錢包設置

創建帳號後,使用者需要新增錢包來進行更多操作。平台會引導使用者設定錢包密碼,並完成助記詞的備份,確保錢包安全。

下標流程

拍賣下標流程簡單直觀,使用者只需選擇心儀的拍賣品,輸入標價並確認參與競標。在競標過程中,平台會即時顯示當前最高標價和剩餘時間,幫助使用者隨時掌握拍賣動態。

響應式排版

制定 RWD 的排版規則並繪製完整的示意圖稿,讓工程師能夠更好理解並實現設計。

open_in_new
瀏覽網站
Previous
arrow_back
Next
arrow_forward