
Healthy
Mitake

Dietary Supplement
專案簡介
本專案為公司為跨足電商領域所製作的專案,主要商品為保健食品類,製作上以桌機網頁為主,因應手機用戶也製作的移動版的網頁。
專案成員
連培淳
UI/UX Designer
/
黃亭菀
UI/UX Designer
工具
FIGMA
資訊架構圖
Information Architecture

設計規範 Design Guideline
文字設計主軸以思源黑體為主,從Headline到footer共設計六階並配合適合的字體大小與字重,
以深綠色作為主要色調,象徵自然、植萃、純淨給使用者「穩定、安心、專業」的感受。
輔助色以橙色系呈現象徵活力、元氣與「行動動機」,與健康食品功效形成正向連結。
字體設定
Font
思源黑體
Noto Sans TC
微風迎客,軟語伴茶
0123456789
AaBbCc
Primary_1
#3F6A29
Text_1
#373737
Text_2
#757575
Text_3
BABABA
Headline
21px
Title
19px
Subtitle
17px
Body
15px
Label
13px
Footer
11px
Black
Bold
Medium
顏色規劃
Color Scheme
Primary
#3F6A29
Secondary
#E85300
Neutral
#373737
#757575
#BABABA
#E1E1E1
#F5F5F5
#FFFFFF
Badge
#0586FC
#E80000
#FFBB00
Badge
#A62019
標誌設計
Icon Design



/
Product Card
/
Default
/
Hover

/
Grid view
/
List view
/
Icon


/
Product Bundle
/
Item Checkbox
/
Price Display
/
Product Image Gallery
/
Thumbnail List
/
Chips

/
Selector
/
Button