Have a nice day ! Have a nice day ! Have a nice day !
Have a nice day ! Have a nice day ! Have a nice day !
UI Design
Treebuy | High Mockup

About Treebuy UI Design

這是一個B2B2C的線上電子商務網站。

TIME : 2021.02-2021.09
CUSTOMER : 神坊國泰小樹購
ROLE : UI designer
Website : Treebuy.com

B2B2C

Cooperate with team and defining problem for best program

Figma | Adobe XD | Illustrator

Low wireframes 繪製成 High mock-up 並交付於前端工程師,分配主要負責的項目有首頁、館首頁、會員中心、隱私權頁面、卡牌元件、信用卡等等

每個頁面五5至6版設計提案,內部與前端會先討論路徑及使用上的限制來擬定數個版本再與客戶商討論。

公司專案

需求定義

RWD設計

館首頁

會員中心

Solution

solving problems

.手機版選單問題

客戶端設計的手機版選單在wireframe與實踐方面有些許差異,考慮時程及開發上的框架技術問題,與前端討論行為及限制。

.時程緊湊直接繪製high mockup

專案時程緊湊,向客戶了解討論需求後,看著PRD開始通靈(誤XD),參考大量的B2C會員中心,多次討論及修訂版本。過程中也需討論元件放置的位置與使用上的合理性、兼容性,讓使用更友善。

.版本迭代

大型專案的規格要求較高,需要花費大量的人力溝通成本,頁面及元件修改至少4-5個版本以上,與客戶端設計師磨合默契也大大提升了軟實力的技能。

風格定義

細節修改

組件位置

行為動向

Branding Branding Branding Branding Branding Branding Branding