Hs4qa5swzo6diavoejdm

趙子榮 Alan Chao

國立臺北教育大學 玩具與遊戲設計研究所

[email protected]  •  0938-379-357  •  Hsinchu


About me

我是趙子榮,熱衷學習新技術的前端工程師,平時喜歡透過書籍、網路文章、影音Youtube學習新知識,除了前端技術外,因為未來想嘗試自己做產品,所以後端領域的知識也在努力學習中。近期投資理財的觀念盛行,我對網路爬蟲、量化交易等程式理財相關內容極有興趣,所以也在學習Python與資料分析等技術內容,希望能做出實用的交易策略。

Experience

經歷一,2015 年 9 月 - 2018 年 6 月

就讀國立臺北教育大學數位科技設計系,課堂上主修C與C++基礎課程,並用3dmax建模,Unity與Unreal製作3D遊戲,副修行動裝置應用課程,學習UI/UX設計,從製作User Story、Wireframe,到進階開發網站與App

經歷二,2018 年 9 月 - 2020 年 6 月

碩士班就讀國立臺北教育大學玩具與遊戲設計研究所,根據自身興趣研究區塊鏈、Chatbot與PWA等與前端結合的相關應用,最終畢業論文以PWA為主軸,探討PWA與跨平台App框架是否能取代原生App,並分析這些App的使用者體驗與開發體驗


經歷三,2017 年 7 月 - 2018 年 6 月

在微軟實習擔任 RDAA,協助超過30所學校與政府部門導入Office 365與makecode of minecraft,也擔任微軟技術講師與顧問,協助客戶解決使用產品上遇到的困難





經歷四,2018 年 7 月 - 2020 年 10 月

在 25sprout 新芽網路公司擔任Front-End Developer Intern,早期除了維護公司的專案外,也與主管用React協作規模比較大的新專案,我負責切版與串接API,主管負責規劃專案架構與Coding Style。後期我負責中小型專案的獨立作業,我帶著新來的實習生學弟一起開發新專案,我負責選擇技術框架、架設開發環境、分派工作與規劃Git Flow,學弟負責切版,製作元件
Skill

Framework

  • React & Redux
  • Vue & Vuex
  • Node.js & Express
  • Python & Flask
  • Next.js
  • React Native


CSS

- CSS Module

- Styled-components

- Sass

- bootstrap

- material ui



Others

  • Typescript
  • Webpack
  • Puppeteer
  • Storybook
  • Gitlab CI/CD
  • AWS Lamda
  • Google App Script


Database

  • Firebase
  • MongoDB
  • MySQL

Project

以下是實習期間完成過的專案

元佑實業

Projects 01 00@2x

使用 React 與 Redux 獨立開發的品牌形象網站,主要功能有Banner系統、i18n多國語系與各種複雜炫麗的動畫元件 (Go to website)

Make up for ever

Projects 01 00@2x

用 Typescript 與 React 獨立開發專案,串接Perfect Corp提供的相機服務做臉部辨識及唇膏上色,也串接91App提供的API讓使用者透過點擊不同唇膏顏色,就能立即獲取商品資訊及購買連結,最後使用者也能透過FB分享截圖相機中的照片 (Go to website)

9Floor 玖樓

Projects 01 00@2x

使用React & Redux 與主管協同開發的中大型專案,其實功能有多語系、會員系統、租房系統、串接金流,我主要負責元件製作、畫面切版與多國語系  (Go to website)

104 人資法寶

Projects 01 00@2x

使用React & Redux 與主管協同開發的中型專案,主要負責製作元件,跟新版本與升級,並解決外部資料量過大導致一些元件的效能問題 (網站已下架)

Sanofi easiscore 賽諾飛

Projects 01 00@2x

根據畢業論文需求,使用 Vue 與 Vuex 製作 PWA 專案,為了與Mobile App 做比較,在手機版上優化了UI動畫與使用者互動機制,讓操作體驗能與原生App相同  (Go to website)

Competition


2017 APP移動應用創新賽 - Re:Class

這是大三學在修React Native課程的期間,報名的App創意應用競賽,雖然最終程式的部分沒有做完,但經歷整體單獨一個產品從企劃、設計到開發的整個流程

Profile 04 00@2x eb0e2fdb6b9448002be791a92293d0e3ae2d393bce3bb23c2ba1a0e8661253ed

Paragraph image 01 00@2x 1a3881c875a7a1fb1e859435ef9363b5ddf36f4e73d1ad63a1a0af69f2a9f745

ICON & 創作理念

  「 教育不是灌輸而是點燃火焰」—— 蘇格拉底

 我們相信每個孩子都有獨特的天賦,透過閱讀,讓孩子看見浩瀚無垠的宇宙,並發現自己熱愛的領域。 透過翻轉教室的理念希望可以幫助孩子有效學習並快速找到自己的興趣與學習熱情,並達成 「整個網路都是我的教室 」的理念

Functional Map

簡單地規劃出APP中幾個重點功能以及按鈕操作。

Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

UI Flow

完整的APP操作流程與發生狀況時,APP的機制及流向。

Wireframe

完整繪製初手機操作流程以及介面。

Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

MockUp

選擇主色與輔色,然後把顏色填入

Wireframe。

UI比較

為了找到最適合的介面,設計了3種不同風格的登入以及註冊的APP UI去做比對與分析

Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

海報設計

設計出APP Design Concept :

01 APP INTRODUCTION

02 WIREFRAME

03 TYPOGRAPHY & COLOR SCHEME 04 ICONS

05 MAIN PAGE

06 GROUPS

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

Powered by CakeResumePowered by CakeResume