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