ALTINVEST | 網站設計

Agentic Portfolio in Framer

Client

ALTINVEST

ALTINVEST

Duration

2 months

2 months

Category

UIUX Design

UIUX Design

【ALTINVEST 的專案背景】

在加密貨幣的世界,獲利方式千百種,而我們希望打造的是「穩定」、「簡單」、「學習成本低」的產品,從這些理念出發,決定以放貸為主要的模式,參考了主要競品 Fuly.ai 的放貸機器人策略,決定反其道而行,不追求利率的極大值,以使用者的時間與彈性度為主要考量,用 AI 自動化操作,大大降低使用者學習的門檻,免操作也節省時間成本,讓 ALTINVEST 在加密貨幣的世界當中,走出專屬的道路。

問題

  • 降低加密貨幣放貸的學習成本

  • 獲得穩定的報酬率

  • 節省使用者的時間

目標

  • 提供門檻低、AI 自動化操作的加密貨幣放貸平台

  • 提供不同的報酬率條件公使用者選擇

  • 產品視覺改版調整

我的角色

本次為網站改版設計,我負責 UI 設計、Guideline 的整理、根據使用者反饋進行 UX 的改善。

【網站形象】

簡潔中帶有專業感

原版的網站風格偏向區塊鏈的遊戲感,但因為我們是虛擬貨幣的交易平台,所以改版會希望呈現出更簡潔專業的感覺,讓使用者產生更多信任。從 Logo 開始進行全面的重新設計,把設計方向定調為「專業」、「清晰」、「簡潔」,品牌形象以簡潔乾淨的配色為主,搭配漸層呈現出區塊鏈世界的未來性與神秘。

重視資訊層級

整體網站注重資訊的整理,因為有 dashboard 介面,包含繁多的資訊圖表,對於資訊層級、排版皆有所著墨,提供給試用者視覺舒服、易操作的網站介面。

親切感的用語

在專業感的基調上,考量到 UX 方面網站與使用者互動的情感影響,將網站文字以較為親切白話的方式呈現,一方面因為目標客群有投資新手,這將降低使用網站的心理門檻,另一方面也增強了網站形象的親切感。

【使用者研究】

競品分析

藉由對 Fuly.ai 的競品研究,我們決定打造無痛上手的產品,不需任何學習,即可用我們設定好的條件進行放貸,並且把市場放在海外,避免與 Fuly.ai 的競爭。

目標使用者

  • 忙碌的專業人士

  • 加密貨幣初學者

  • 穩健型投資者

  • 被動型投資者

使用者問題陳述

  • John 是一位繁忙的外商經理,他需要一個簡單的產品來讓他的資產增值,因為他沒有時間研究投資。

  • Amy 是 ALTINVEST 的使用者,她需要清楚的報表,讓她能知道利息收益狀況。

產品價值主張

  • 加密貨幣放貸獲得穩定投報率

  • 學習門檻低,只需註冊交易所就能使用

  • AI 自動化放貸,節省使用者的時間

  • 操作簡單,無需額外設定

  • 支持英文、繁中、簡中版本

  • 透過整合 Bitfinex API 以及安全的資料傳輸協議,確保使用者的資金安全和個人隱私。

【產品設計】

Design Guidelines

首頁

原本的首頁設計太過於遊戲感,黑底顯得較神秘,對於使用者較難培養金錢操作的信任。字體過大,對於使用者在操作上難以將資訊完整輸入,導致資訊層級也變得混亂。

改版主要的調整有三點:

  1. 視覺設計乾淨整潔

  2. 資訊層級梳理清楚

  3. 文字內容的優化

價格方案頁

將資訊重新整理並按照層級做調整。

FAQ

一改原本的透明底色塊,調整成用線條分隔,視覺變清晰並且融入品牌色,變成一個小亮點。內容的資訊圖表也以品牌風格重新繪製。表單原本有清除選項鈕,進行易用性測試後,決定把它拿掉,因為用到的機會不大,還容易誤觸。

登入流程 / 註冊

視覺以品牌代表元素——漸層來做呈現,文案調整成簡單直白的「Welcome to ALTINVEST」,容易理解也傳達品牌的友善親近感。表單部分,補上 Title 與密碼的顯示開關功能。原本是彈跳視窗,改成單獨的分頁,保留 Header 的部分,讓使用者仍然可以點選。

Dashboard

Dashboard 的資料繁多,原本的資訊處理並無層級之分,調整後分出了層級,並善用資訊視覺化,將各種資料整理清楚。

欣賞 ALTINVEST 完整作品 →

【ALTINVEST 的專案背景】

在加密貨幣的世界,獲利方式千百種,而我們希望打造的是「穩定」、「簡單」、「學習成本低」的產品,從這些理念出發,決定以放貸為主要的模式,參考了主要競品 Fuly.ai 的放貸機器人策略,決定反其道而行,不追求利率的極大值,以使用者的時間與彈性度為主要考量,用 AI 自動化操作,大大降低使用者學習的門檻,免操作也節省時間成本,讓 ALTINVEST 在加密貨幣的世界當中,走出專屬的道路。

問題

  • 降低加密貨幣放貸的學習成本

  • 獲得穩定的報酬率

  • 節省使用者的時間

目標

  • 提供門檻低、AI 自動化操作的加密貨幣放貸平台

  • 提供不同的報酬率條件公使用者選擇

  • 產品視覺改版調整

我的角色

本次為網站改版設計,我負責 UI 設計、Guideline 的整理、根據使用者反饋進行 UX 的改善。

【網站形象】

簡潔中帶有專業感

原版的網站風格偏向區塊鏈的遊戲感,但因為我們是虛擬貨幣的交易平台,所以改版會希望呈現出更簡潔專業的感覺,讓使用者產生更多信任。從 Logo 開始進行全面的重新設計,把設計方向定調為「專業」、「清晰」、「簡潔」,品牌形象以簡潔乾淨的配色為主,搭配漸層呈現出區塊鏈世界的未來性與神秘。

重視資訊層級

整體網站注重資訊的整理,因為有 dashboard 介面,包含繁多的資訊圖表,對於資訊層級、排版皆有所著墨,提供給試用者視覺舒服、易操作的網站介面。

親切感的用語

在專業感的基調上,考量到 UX 方面網站與使用者互動的情感影響,將網站文字以較為親切白話的方式呈現,一方面因為目標客群有投資新手,這將降低使用網站的心理門檻,另一方面也增強了網站形象的親切感。

【使用者研究】

競品分析

藉由對 Fuly.ai 的競品研究,我們決定打造無痛上手的產品,不需任何學習,即可用我們設定好的條件進行放貸,並且把市場放在海外,避免與 Fuly.ai 的競爭。

目標使用者

  • 忙碌的專業人士

  • 加密貨幣初學者

  • 穩健型投資者

  • 被動型投資者

使用者問題陳述

  • John 是一位繁忙的外商經理,他需要一個簡單的產品來讓他的資產增值,因為他沒有時間研究投資。

  • Amy 是 ALTINVEST 的使用者,她需要清楚的報表,讓她能知道利息收益狀況。

產品價值主張

  • 加密貨幣放貸獲得穩定投報率

  • 學習門檻低,只需註冊交易所就能使用

  • AI 自動化放貸,節省使用者的時間

  • 操作簡單,無需額外設定

  • 支持英文、繁中、簡中版本

  • 透過整合 Bitfinex API 以及安全的資料傳輸協議,確保使用者的資金安全和個人隱私。

【產品設計】

Design Guidelines

首頁

原本的首頁設計太過於遊戲感,黑底顯得較神秘,對於使用者較難培養金錢操作的信任。字體過大,對於使用者在操作上難以將資訊完整輸入,導致資訊層級也變得混亂。

改版主要的調整有三點:

  1. 視覺設計乾淨整潔

  2. 資訊層級梳理清楚

  3. 文字內容的優化

價格方案頁

將資訊重新整理並按照層級做調整。

FAQ

一改原本的透明底色塊,調整成用線條分隔,視覺變清晰並且融入品牌色,變成一個小亮點。內容的資訊圖表也以品牌風格重新繪製。表單原本有清除選項鈕,進行易用性測試後,決定把它拿掉,因為用到的機會不大,還容易誤觸。

登入流程 / 註冊

視覺以品牌代表元素——漸層來做呈現,文案調整成簡單直白的「Welcome to ALTINVEST」,容易理解也傳達品牌的友善親近感。表單部分,補上 Title 與密碼的顯示開關功能。原本是彈跳視窗,改成單獨的分頁,保留 Header 的部分,讓使用者仍然可以點選。

Dashboard

Dashboard 的資料繁多,原本的資訊處理並無層級之分,調整後分出了層級,並善用資訊視覺化,將各種資料整理清楚。

欣賞 ALTINVEST 完整作品 →

【ALTINVEST 的專案背景】

在加密貨幣的世界,獲利方式千百種,而我們希望打造的是「穩定」、「簡單」、「學習成本低」的產品,從這些理念出發,決定以放貸為主要的模式,參考了主要競品 Fuly.ai 的放貸機器人策略,決定反其道而行,不追求利率的極大值,以使用者的時間與彈性度為主要考量,用 AI 自動化操作,大大降低使用者學習的門檻,免操作也節省時間成本,讓 ALTINVEST 在加密貨幣的世界當中,走出專屬的道路。

問題

  • 降低加密貨幣放貸的學習成本

  • 獲得穩定的報酬率

  • 節省使用者的時間

目標

  • 提供門檻低、AI 自動化操作的加密貨幣放貸平台

  • 提供不同的報酬率條件公使用者選擇

  • 產品視覺改版調整

我的角色

本次為網站改版設計,我負責 UI 設計、Guideline 的整理、根據使用者反饋進行 UX 的改善。

【網站形象】

簡潔中帶有專業感

原版的網站風格偏向區塊鏈的遊戲感,但因為我們是虛擬貨幣的交易平台,所以改版會希望呈現出更簡潔專業的感覺,讓使用者產生更多信任。從 Logo 開始進行全面的重新設計,把設計方向定調為「專業」、「清晰」、「簡潔」,品牌形象以簡潔乾淨的配色為主,搭配漸層呈現出區塊鏈世界的未來性與神秘。

重視資訊層級

整體網站注重資訊的整理,因為有 dashboard 介面,包含繁多的資訊圖表,對於資訊層級、排版皆有所著墨,提供給試用者視覺舒服、易操作的網站介面。

親切感的用語

在專業感的基調上,考量到 UX 方面網站與使用者互動的情感影響,將網站文字以較為親切白話的方式呈現,一方面因為目標客群有投資新手,這將降低使用網站的心理門檻,另一方面也增強了網站形象的親切感。

【使用者研究】

競品分析

藉由對 Fuly.ai 的競品研究,我們決定打造無痛上手的產品,不需任何學習,即可用我們設定好的條件進行放貸,並且把市場放在海外,避免與 Fuly.ai 的競爭。

目標使用者

  • 忙碌的專業人士

  • 加密貨幣初學者

  • 穩健型投資者

  • 被動型投資者

使用者問題陳述

  • John 是一位繁忙的外商經理,他需要一個簡單的產品來讓他的資產增值,因為他沒有時間研究投資。

  • Amy 是 ALTINVEST 的使用者,她需要清楚的報表,讓她能知道利息收益狀況。

產品價值主張

  • 加密貨幣放貸獲得穩定投報率

  • 學習門檻低,只需註冊交易所就能使用

  • AI 自動化放貸,節省使用者的時間

  • 操作簡單,無需額外設定

  • 支持英文、繁中、簡中版本

  • 透過整合 Bitfinex API 以及安全的資料傳輸協議,確保使用者的資金安全和個人隱私。

【產品設計】

Design Guidelines

首頁

原本的首頁設計太過於遊戲感,黑底顯得較神秘,對於使用者較難培養金錢操作的信任。字體過大,對於使用者在操作上難以將資訊完整輸入,導致資訊層級也變得混亂。

改版主要的調整有三點:

  1. 視覺設計乾淨整潔

  2. 資訊層級梳理清楚

  3. 文字內容的優化

價格方案頁

將資訊重新整理並按照層級做調整。

FAQ

一改原本的透明底色塊,調整成用線條分隔,視覺變清晰並且融入品牌色,變成一個小亮點。內容的資訊圖表也以品牌風格重新繪製。表單原本有清除選項鈕,進行易用性測試後,決定把它拿掉,因為用到的機會不大,還容易誤觸。

登入流程 / 註冊

視覺以品牌代表元素——漸層來做呈現,文案調整成簡單直白的「Welcome to ALTINVEST」,容易理解也傳達品牌的友善親近感。表單部分,補上 Title 與密碼的顯示開關功能。原本是彈跳視窗,改成單獨的分頁,保留 Header 的部分,讓使用者仍然可以點選。

Dashboard

Dashboard 的資料繁多,原本的資訊處理並無層級之分,調整後分出了層級,並善用資訊視覺化,將各種資料整理清楚。

欣賞 ALTINVEST 完整作品 →

【ALTINVEST 的專案背景】

在加密貨幣的世界,獲利方式千百種,而我們希望打造的是「穩定」、「簡單」、「學習成本低」的產品,從這些理念出發,決定以放貸為主要的模式,參考了主要競品 Fuly.ai 的放貸機器人策略,決定反其道而行,不追求利率的極大值,以使用者的時間與彈性度為主要考量,用 AI 自動化操作,大大降低使用者學習的門檻,免操作也節省時間成本,讓 ALTINVEST 在加密貨幣的世界當中,走出專屬的道路。

問題

  • 降低加密貨幣放貸的學習成本

  • 獲得穩定的報酬率

  • 節省使用者的時間

目標

  • 提供門檻低、AI 自動化操作的加密貨幣放貸平台

  • 提供不同的報酬率條件公使用者選擇

  • 產品視覺改版調整

我的角色

本次為網站改版設計,我負責 UI 設計、Guideline 的整理、根據使用者反饋進行 UX 的改善。

【網站形象】

簡潔中帶有專業感

原版的網站風格偏向區塊鏈的遊戲感,但因為我們是虛擬貨幣的交易平台,所以改版會希望呈現出更簡潔專業的感覺,讓使用者產生更多信任。從 Logo 開始進行全面的重新設計,把設計方向定調為「專業」、「清晰」、「簡潔」,品牌形象以簡潔乾淨的配色為主,搭配漸層呈現出區塊鏈世界的未來性與神秘。

重視資訊層級

整體網站注重資訊的整理,因為有 dashboard 介面,包含繁多的資訊圖表,對於資訊層級、排版皆有所著墨,提供給試用者視覺舒服、易操作的網站介面。

親切感的用語

在專業感的基調上,考量到 UX 方面網站與使用者互動的情感影響,將網站文字以較為親切白話的方式呈現,一方面因為目標客群有投資新手,這將降低使用網站的心理門檻,另一方面也增強了網站形象的親切感。

【使用者研究】

競品分析

藉由對 Fuly.ai 的競品研究,我們決定打造無痛上手的產品,不需任何學習,即可用我們設定好的條件進行放貸,並且把市場放在海外,避免與 Fuly.ai 的競爭。

目標使用者

  • 忙碌的專業人士

  • 加密貨幣初學者

  • 穩健型投資者

  • 被動型投資者

使用者問題陳述

  • John 是一位繁忙的外商經理,他需要一個簡單的產品來讓他的資產增值,因為他沒有時間研究投資。

  • Amy 是 ALTINVEST 的使用者,她需要清楚的報表,讓她能知道利息收益狀況。

產品價值主張

  • 加密貨幣放貸獲得穩定投報率

  • 學習門檻低,只需註冊交易所就能使用

  • AI 自動化放貸,節省使用者的時間

  • 操作簡單,無需額外設定

  • 支持英文、繁中、簡中版本

  • 透過整合 Bitfinex API 以及安全的資料傳輸協議,確保使用者的資金安全和個人隱私。

【產品設計】

Design Guidelines

首頁

原本的首頁設計太過於遊戲感,黑底顯得較神秘,對於使用者較難培養金錢操作的信任。字體過大,對於使用者在操作上難以將資訊完整輸入,導致資訊層級也變得混亂。

改版主要的調整有三點:

  1. 視覺設計乾淨整潔

  2. 資訊層級梳理清楚

  3. 文字內容的優化

價格方案頁

將資訊重新整理並按照層級做調整。

FAQ

一改原本的透明底色塊,調整成用線條分隔,視覺變清晰並且融入品牌色,變成一個小亮點。內容的資訊圖表也以品牌風格重新繪製。表單原本有清除選項鈕,進行易用性測試後,決定把它拿掉,因為用到的機會不大,還容易誤觸。

登入流程 / 註冊

視覺以品牌代表元素——漸層來做呈現,文案調整成簡單直白的「Welcome to ALTINVEST」,容易理解也傳達品牌的友善親近感。表單部分,補上 Title 與密碼的顯示開關功能。原本是彈跳視窗,改成單獨的分頁,保留 Header 的部分,讓使用者仍然可以點選。

Dashboard

Dashboard 的資料繁多,原本的資訊處理並無層級之分,調整後分出了層級,並善用資訊視覺化,將各種資料整理清楚。

欣賞 ALTINVEST 完整作品 →

Have a
Project Idea?

© Copyright 2024. All rights Reserved.

Have a
Project Idea?

© 2024. All rights Reserved.