search

CAFECA-IO / iSunCoin-official

https://i-sun-coin-official.vercel.app
MIT License
0 stars 0 forks source link

[UI] iSunCoin 機殼規格頁面 Wireframe #28

Closed StrawHo closed 1 week ago

StrawHo commented 2 weeks ago

製作WF

可參考資訊 Pro 機殼 規格 Max 機殼 規格 Enterprise 機殼 規格

設計風格可參考Apple產品介紹。

StrawHo commented 1 week ago

Top

image 輪播四個page(一頁Overview介紹頁面&三頁各機種簡述頁面)

StrawHo commented 1 week ago

Footer

截圖 2024-06-17 上午11 31 05 三種機型圖片與規格比較，點擊不同機型有不同的詳細規格顯示

圖片說明 截圖 2024-06-17 上午11 40 46 左圖評估用戶自己適合的Type(Link放置聯絡我們) 右圖為機種搭配用戶工作使用情境

StrawHo commented 1 week ago

Middle

First: 不同機型，不同使用者 截圖 2024-06-17 下午1 37 36

截圖 2024-06-17 下午1 37 51

價格說明根據滾動式動畫往下後呈現

Second: 效能 截圖 2024-06-17 下午1 36 06 以大致上等同的方式說明機種的效能，參考Apple說明樣式

Third: Color image 點擊各個顏色轉換圖片內機種的顏色

StrawHo commented 1 week ago

WF Link: https://www.figma.com/design/WMLBd54cxAo92xuA2Jw51v/iSunCoin-Landing-Page?node-id=146-1380&t=TJWoAqphTLpGAWYW-1

依據上述內容排列目前Wireframe版面，依此作為後續Mockup參考。 花費時間約5hr。Done!