ADVENTURE CHALLENGE PORTFOLIO G U A N - Z I C H E N 2 0 1 8 — 2 4 陳 冠孜 — 作品集
ABOUT ME ABOUT ME
TFOLIO
EXPERIENCE EXPERIENCE
DESIGNED PROJECT DESIGNED PROJECT
目錄
關於 我
ABOUT ME
自我介紹、程式設計專長、 視覺設計專長及專業證照。
經歷
EXPERIENCE
斜槓人生，觀光產業的經歷 與開始接觸資訊業後的心路 歷程…
專案設計
DESIGNED PROJECT
網頁分析、改版 ：公益性質 的網站。隨著時代，科技的 進步，已漸漸…
程式設計
PROGRAMING
使用Visual Studio Code撰寫 HTML、CSS/SCSS、JS及 Vue.js，並使用Git推版。
視覺設計
VISUAL DESIGN
使用Figma、Canva、GitMind及 Photopea等軟體，製作wireframe、 網頁地圖、簡報排版及DM…
關於 我
國立臺北護理健康大學 - 休健系 陳 冠孜 Guan-Zi Chen | GWEN
與Vue.js 前端
程式設計
HTML/CSS/SCSS 高階
Vue.js 中階
JavaScript 中階
Tailwind 中階
視覺設計
Figma 中階
Photoshop 中階
Canva 中階
生活，對我而言可能是不斷的挑戰，並且 在每段的體驗中發掘不一樣的美與意義。
參加勞動部職訓局前端培訓課程，是我
經歷餐飲業、服務業打工以及大學時期
嘗試跨域學習後，決定踏入資訊產
業；時代不斷的改變，需要不斷的學
習，並且嘗試學習不一樣的知識領
域，多樣性的思維也會有助於網頁設計
與網頁開發的進步。
A B O U T M E
證照
EMT-1 初級救護技術員
攀岩確保員 Top Roping(ATC)
各種挑戰自我的運動，例如攀岩、登山及衝浪。
G U A N - Z I C H E N | G W E N
陳
冠 孜
修讀 國立台北護理健康大學 健康管理系 程式設計課
2020
開啟網頁設計的興趣
2018
全國高級中等學校 商業類
學生技藝競賽 餐飲服務
優勝 第21名
2020
行銷公司 LINE小編
2021
國立台北護理健康大學
休閒產業與健康促進系 系學會 美編長
2022/2
考取 攀岩確保員
Top Roping(ATC)
畢業 國立台北護理健康大學 休閒產業與健康促進系
考取 EMT-1
初級救護技術員
2022/9
2023/6
確定往資訊產業發展
2023/10~2024/2
勞動部 職訓局 Figma UI/UX
與Vue.js 前端培訓班
2022/7~2023/6
德利泰中藥體驗博物館 實習生
A
B O U T M E
浪 浪 的 事
Lang Lang Thing
「浪浪的事」是一個公益性質的網站。
隨著時代、科技的進步，「領養代替購 買」已漸漸成為普世價值，政府機構不
再是唯一途徑，民眾也能透過各網路平 台，給浪浪們一個歸屬。
主色調 分頁配色 輔助色調
「浪浪的事」網頁設計，以草綠色為主 色調，棕色與橄欖綠為分頁配色，再以
黑灰色、鵝黃色、淺藍色以及白色為輔 助色調，希望讓使用者感受到溫暖；
LOGO設計結合〝Lang〞字及狗貓，傳達 理念為「家的象徵」。
01
1920x1080
768x1024
375x667
Lang LangThing
目標群眾：需領養或送養或拾獲流浪動物的民眾。
設計動機：希望透過翻新現有的官網，使操作更流暢， 視覺上也更有溫度。
康 C 來 了
提供大眾一個關於羅列健康科技產品的網 站，而這網站將會不定時更新最新的科技產 品，讓大家可以跟上科技的腳步，並且透過 評價、討論及比較功能找尋出適合自己與親 友的智慧產品，滿足大家對健康的需求。
Health Technology
02
E n v i r o n m e n t a l l y p r e f e r a b l e
R e h a b i l i t a t i
T e c h n o l o g y Health
n
o
Responsive Web Design
HTML / CSS RWD
03
04
天氣小卡 WeatherInformation JavaScript API
API擷取自中央氣象局網站
DM 設計
VERY VERY GOOD
通過VVG好樣官網，將VVG餐廳的獨特魅力和美學呈 現給讀者，主要聚焦在餐廳的美學和現代感圖片 上，排版以精美的圖片和簡潔的文字，希望透過這 份DM冊子，能夠吸引讀者的注意力，引發他們對 VVG餐廳的興趣。
05
品味是一種生活的累積
從每一處都是對美學的實踐
參閱VVG好樣官網
THANK YOU G U A N - Z I C H E N P O R T F O L I O 2 0 2 4