Portfolio UX / UI
2020 Hsin-Mei,Cheng.
Portfolio UX / UI
簡介 兼具設計、 資訊及 財商思維 擅長視覺化排版，擁有良好的溝通能力
鄭欣美
具有敏銳的洞察力，能將生活中發生的大小事化為成長的養分
「永遠保持好奇心，探索這個世界的所有可能。」
聯絡方式
專長
0979-793-936 sinmei.ame@gmail.com
視覺排版設計/ 資料蒐集及分析/ 程式自學力
CONTENT
目錄
01. 實 習經驗
04. 介面設計作品
02. 競 賽經驗
05. 其他相關作品
03. C I S個人品牌 Portfolio UX / UI
01 . 實習經驗 我在社會企業中學到的事
透過實習與自我探索的過程中， 發現許多擔心及恐懼都是源自於自 己的想像，只要勇敢地去嘗試， 不放棄，一切都有無限的可能。
上圖為當時負責通路資料分析集整理之照片
01 . 實 習 經 驗 我在社會企業中學到的事
實習單位 藺子工作室 為一透過合理的收購價格與設計加值，提升產業的競爭力，為在地創造更多就業機會之社會企業。
認識產品生產流程
通路資料系統化
獨力完成設計專案
回顧這兩個月在工作室的實習，雖然過程中許多困難挑戰、 但在這裡，看到每個夥伴為了藺編工藝的傳承的努力。
在他們閃閃發亮的雙眼中，我看到了投入社會企業所需要的熱情以及毅力。 也是我非常佩服他們，以及想跟他們學習的原因。
2
0 2. 競賽經驗 學習跨領域合作、帶領團隊
透過與資管系、財金系等等不同系所 的同學合作，一同完成通霄魚塭地方創 生計畫。透過這次的比賽，讓我學習到 如何與不同領域的人才合作及進行交流， 並成功帶領團隊獲得佳績。 也是因為這門在資管系修習的課程， 讓我對團隊資訊開發設計產生興趣。
上圖為當時地方創生黑客松競賽獲獎團隊合照
0 3. C I S個 人 品 牌
在品牌設計這堂課中，完整學習到 品牌設計流程。從草圖發想、設計理念 及顏色配置到後續相關產品設計。
03 . CIS個 人 品 牌 設 計
5
0 3. CIS個 人 品 牌 設 計
6
關於我們
Financient.com
0 4.
財經趨勢
儲蓄方法
投資理財
聯繫我們
HAPPENING NOW
介面設計作品 UX/UI Design
Excepteur sint occaecat. Excepteur sint occaecat cupidatat non proident, sunt
Excepteur sint occaecat cupidatat non proident sunt in culpa.
Excepteur sint occaecat cupidatat non proident sunt in culpa.
Excepteur sint occaecat cupidatat non proident, sunt in culpa
Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est eopksio laborum. Sed ut
qui officia deserunt mollit anim id est eopksio laborum. Sed ut
perspiciatis unde omnis istpoe natus error sit voluptatem.
perspiciatis unde omnis istpoe natus error sit voluptatem.
Long Name Here
1h ago
Long Name Here
in culpa qui officia deserunt mollit anim.
1h ago
Excepteur sint occaecat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim.
科技發展日新月異，在這個資訊發達的世 代當中，培養自學力相當重要。 關於我們
Financient.com
因此我期許自己保持著上進心，積極在網
財經趨勢
儲蓄方法
投資理財
聯繫我們
HAPPENING NOW
路上發掘資源，不斷更新自己的能力。
【UI/UX自學歷程】 1.閱讀業界UI/UX設計師Medium
Excepteur sint occaecat. Excepteur sint occaecat cupidatat non proident, sunt
Excepteur sint occaecat cupidatat non proident sunt in culpa.
Excepteur sint occaecat cupidatat non proident sunt in culpa.
Excepteur sint occaecat cupidatat non proident, sunt in culpa
Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est eopksio laborum. Sed ut
qui officia deserunt mollit anim id est eopksio laborum. Sed ut
perspiciatis unde omnis istpoe natus error sit voluptatem.
perspiciatis unde omnis istpoe natus error sit voluptatem.
Long Name Here
1h ago
Long Name Here
in culpa qui officia deserunt mollit anim.
1h ago
2.相關書籍閱讀：吸收系統化的資料知識。 Excepteur sint occaecat.
3.線上課程資源：透過線上的學習搭配實作。
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim.
Portfolio UX / UI
關於專案 / About the project 透 過 本 設 計 出 的 部 落 格 平台網站，促使用戶在 使 用 網 站 能 有 更 友 善 的 瀏 覽 介面。
關於我們
Financient.com
財經趨勢
儲蓄方法
投資理財
聯繫我們
Welcome Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
使用者研究 / User research LOREM IPSUM
LOREM IPSUM
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore
sed do eiusmod tempor incididunt ut labore
透 過 訪 談 及 問 卷 調 查 ， 可以發現使用者在使用 一 般 網 站 上 的 部 落 格 時 有 哪 些不便之處。例如介面 操 作 、 顏 色 的 呈 現 等 。 透 過 資料蒐集以及分析，進 而 歸 納 出 設 計 上 需 要 改 善 的 地方加以改善。
8
訪談及發現 / Inter view & obser vation 經 過 使 用 者 訪 談 後 發現，大部分使用此部落格主要用途為瀏覽文章，使用者希望可以在此網站 獲 取 相 關 知 識 。 因 此 在 進行頁面設計時，需特別考量到使用者的整體閱讀視覺體驗。
問題 / Problems 1. 在 瀏覽 網 頁 時 ， 常 常 會有字體過於集中或是字體太大太小、整體介面不易閱讀等等的問題。 2. 就 算是 忠 實 使 用 者 ， 也不太會習慣於定期造訪網站，因而在使用網站來瀏覽的頻率不高。
解決方法 / Solution 1. 進 行 使 用 介 面 上 文 字及色彩配置上的優化，提升用戶在使用上的視覺體驗。 2. 在 整 體 設 計 上 增 加 用戶推播功能，當新文章發布後便可通知用戶，增加閱讀及使用頻率。
9
Per son a 0 1 / 建 太 個人資訊 目前就讀於台灣首府大學，財務金融學系大三學生。平時喜歡 研究財經相關議題，認為財商應該要從學生時期開始養成，主要 透過書籍來接觸相關知識，偶而也會透過網路搜尋相關文章。
需求 1. 能使用一款內容多元的財商文章部落格網站 2. 能有一個部落格能將艱澀的理財知識變成平易近人的文章
年齡 / 21 歲
科技產品使用頻率
居 住地 / 台 灣 · 台 北
IT / Internet
職業 / 學生
Software
希 望 能 有一款具有多元內容的網 站， 可 以 讓我增加財務相關的知識 。
Mobile Apps Social Networks
10
Per sona 02 / 宜雯 個人資訊 目前在家從事家務相關的事項，平時會透過電視接收相關理財 的資訊，也會經由朋友分享的網站或部落格獲取相關知識。
需求 1. 能使用一款介面簡單容易操作的部落格網站 2. 能有一個網站可以輕鬆接觸到理財知識
年齡 / 35 歲
科技產品使用頻率
居住地 / 台灣 · 台中
IT / Internet
職業 / 家庭主婦
Software
希 望 能 有 一 款簡單好操作的網站介 面， 在 家 務 空 檔之餘可以學習理財知識。
Mobile Apps Social Networks
11
設計特點 / key feature
Portfolio UX / UI
操作介面簡約易懂
色彩配置優化 閱讀時更清爽
文章分類詳盡 方便查找
具有推播功能 新文章發布時便於提醒用戶
網站流程 / UX workflow 沿革簡介 關於我們 目標宗旨 財經趨勢
儲蓄方法 首頁-歡迎頁
分類選單
投資理財
訂閱電子報 聯繫我們 設定推播通知
12
線框稿展示 / Wireframe
首頁-歡迎頁
文章總覽 關於我們
Financient.com
財經趨勢
儲蓄方法
投資理財
聯繫我們
關於我們
Financient.com
財經趨勢
儲蓄方法
投資理財
聯繫我們
HAPPENING NOW
Excepteur sint occaecat.
Welcome
Excepteur sint occaecat cupidatat non proident, sunt
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
Excepteur sint occaecat cupidatat non proident sunt in culpa.
Excepteur sint occaecat cupidatat non proident sunt in culpa.
Excepteur sint occaecat cupidatat non proident, sunt in culpa
Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est eopksio laborum. Sed ut
qui officia deserunt mollit anim id est eopksio laborum. Sed ut
perspiciatis unde omnis istpoe natus error sit voluptatem.
perspiciatis unde omnis istpoe natus error sit voluptatem.
Long Name Here
1h ago
Long Name Here
in culpa qui officia deserunt mollit anim.
1h ago
LOREM IPSUM
LOREM IPSUM
Excepteur sint occaecat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
Excepteur sint occaecat cupidatat non proident, sunt
sed do eiusmod tempor incididunt ut labore
sed do eiusmod tempor incididunt ut labore
in culpa qui officia deserunt mollit anim.
訂閱電子報
文章頁面 關於我們
Financient.com
財經趨勢
儲蓄方法
投資理財
聯繫我們
Excepteur sint occaeuiecat Big Title Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
Required Field
Lorem ipsum dolor sit amet, consectetur adipisifwcing elit,
Culpa qui officia deserunt mollit anim id est laborum. Sed
sed do eiusmod tempor incididunt ut labore et dolore roipi
ut perspiciatis unde omnis iste natus error sit voluptartem
magna aliqua. Ut enim ad minim veeniam, quis nostruklad
accusantium doloremque laudantium, totam rem aperiam,
exercitation ullamco laboris nisi ut aliquip ex ea commodo
eaque ipsa quae ab illo inventore veritatis et quasi ropeior
consequat. Duis aute irure dolor in reprehenderit in tufpoy
architecto beatae vitae dicta sunt explicabo. Nemo eniem
voluptate velit esse cillum dolore eu fugiat nulla parieratur.
ipsam voluptatem quia voluptas sit aspernatur aut odit aut
Excepteur sint occaecat cupidatat.
fugit, sed quia consequuntur magni dolores eosep quiklop
LOREM IPSUM DOLOR AMET CONSECTETUER webpage
ratione voluptatem sequi nesciunt. Neque porro quisquam
SEND
est, quepi dolorem ipsum quia dolor srit amet, consectetur adipisci velit, seid quia non numquam eiuris modi tempora incidunt ut labore et dolore magnam aliquam quaerat iope voluptatem. Lorem ipsum dolor sit amet, consectetur adipisifwcing elit, sed do eiusmod tempor incididunt ut labore et dolore roipi magna aliqua. Ut enim ad minim veeniam, quis nostruklad exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in tufpoy voluptate velit esse cillum dolore eu fugiat nulla parieratur.
CONTACT US
+44 345 678 903
SERVICES
Contact Us
INFORMATION
About Adobe XD Kit
SERVICES
Excepteur sint occaecat cupidatat.
Contact Us
adobexd@mail.com
Ordering & Payment
Work With US
Ordering & Payment
Find a Store
Shipping
Privacy Policy
Sizing Guide
Returns
Terms & Conditions
FAQ
Press Enquiries
Sizing Guide Financient.com
13
prototype 首頁-歡迎頁
文章總覽 關於我們
Financient.com
財經趨勢
儲蓄方法
投資理財
聯繫我們
關於我們
Financient.com
財經趨勢
儲蓄方法
投資理財
聯繫我們
HAPPENING NOW
Welcome
Excepteur sint occaecat.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
Excepteur sint occaecat cupidatat non proident, sunt
Excepteur sint occaecat cupidatat non proident sunt in culpa.
Excepteur sint occaecat cupidatat non proident sunt in culpa.
Excepteur sint occaecat cupidatat non proident, sunt in culpa
Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est eopksio laborum. Sed ut
qui officia deserunt mollit anim id est eopksio laborum. Sed ut
perspiciatis unde omnis istpoe natus error sit voluptatem.
perspiciatis unde omnis istpoe natus error sit voluptatem.
Long Name Here
1h ago
Long Name Here
in culpa qui officia deserunt mollit anim.
1h ago
LOREM IPSUM
LOREM IPSUM
Excepteur sint occaecat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
Excepteur sint occaecat cupidatat non proident, sunt
sed do eiusmod tempor incididunt ut labore
sed do eiusmod tempor incididunt ut labore
in culpa qui officia deserunt mollit anim.
訂閱電子報
文章頁面 關於我們
Financient.com
財經趨勢
儲蓄方法
投資理財
聯繫我們
關於我們
Financient.com
財經趨勢
儲蓄方法
投資理財
聯繫我們
運用365存錢法
也能輕鬆存到10萬元
訂閱我們 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
Required Field
Lorem ipsum dolor sit amet, consectetur adipisifwcing elit,
Culpa qui officia deserunt mollit anim id est laborum. Sed
sed do eiusmod tempor incididunt ut labore et dolore roipi
ut perspiciatis unde omnis iste natus error sit voluptartem
LOREM IPSUM DOLOR AMET
magna aliqua. Ut enim ad minim veeniam, quis nostruklad
accusantium doloremque laudantium, totam rem aperiam,
CONSECTETUER
exercitation ullamco laboris nisi ut aliquip ex ea commodo
eaque ipsa quae ab illo inventore veritatis et quasi ropeior
consequat. Duis aute irure dolor in reprehenderit in tufpoy
architecto beatae vitae dicta sunt explicabo. Nemo eniem
voluptate velit esse cillum dolore eu fugiat nulla parieratur.
ipsam voluptatem quia voluptas sit aspernatur aut odit aut
Excepteur sint occaecat cupidatat.
fugit, sed quia consequuntur magni dolores eosep quiklop
webpage
ratione voluptatem sequi nesciunt. Neque porro quisquam
SEND
est, quepi dolorem ipsum quia dolor srit amet, consectetur adipisci velit, seid quia non numquam eiuris modi tempora incidunt ut labore et dolore magnam aliquam quaerat iope voluptatem. Lorem ipsum dolor sit amet, consectetur adipisifwcing elit, sed do eiusmod tempor incididunt ut labore et dolore roipi magna aliqua. Ut enim ad minim veeniam, quis nostruklad exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in tufpoy voluptate velit esse cillum dolore eu fugiat nulla parieratur.
CONTACT US
+44 345 678 903
SERVICES
Contact Us
INFORMATION
About Adobe XD Kit
SERVICES
Excepteur sint occaecat cupidatat.
Contact Us
adobexd@mail.com
Ordering & Payment
Work With US
Ordering & Payment
Find a Store
Shipping
Privacy Policy
Sizing Guide
Returns
Terms & Conditions
FAQ
Press Enquiries
Sizing Guide Financient.com
14
Color & Typograghy
COLOR #7CB4AF
#CCCCCC
#FFFFFF
#6F6766
TYPOGRAGHY 標 題 / Ge o r g i a
Aa
內 文 / Ari a l
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 15
0 5. 其 他 相 關作 品
除了本科系所包含的行銷理論課程外， 亦積極跨領域修習其他科系之課程。
透過跨領域學習， 在傳播科系中接觸到廣告設計企劃 等相關課程，累積相關作品。
IKEA廣告之六面向分析
05.其他相關作品 產品廣告設計企劃
透過六面向分析的方式，觀察IKEA如何 透過廣告吸引消費者的注意，進而產生購買的行動。
( 報 告 中 影 片 截 圖 來 源 I K E A 官 方 Yo u Tu b e 頻 道 )
17
廣告企畫擬定-以亞尼克為例
05.其他相關作品 產品廣告行銷企劃
透 過 蒐 集 主 要 競 爭 者 資 料 、 S W OT 分 析 、 環 境 分 析 以及人物誌等方式評估產品市場現況，進而擬定相應的廣告策略。
(報告中影片圖片來源 亞尼克官網)
18
Portfolio UX / UI
THANKS /Phone 0979-793-936 /E-mail sinmei.ame@gmail.com