N637vhl4nv2dyblhm4vv

蘇桓晨

相信好的產品必有完善健全的團隊與良好的溝通。夢想成為一個解決問題的人,相信前端與設計皆為解決問題而共同發揮,希望能用我跨足設計的背景,讓團隊更協調,讓世界更美好。       

Front-end Developer
Taipei City, TW
[email protected]

工作經歷

偉康科技, Front End Developer, July 2021 ~ Now

New Taipei City, Taiwan

- 開發於彰化銀行、合作金庫銀行、王道銀行等多家銀行軟體產品開發、測試 透過Cordova開發並測試

- 跨平台(browser, iOS, Android)開發 Javascript-Based Hybrid 前端系統 

- 依照客戶王道銀行碳排放信用卡需求實作軟體開發

- 依照客戶需求評估成本並實現解決方案

Amazingtalker, Product Designer, Dec 2020 ~ June 2021

New Taipei City, Taiwan

- 透過觀察、假設、驗證流程排序產品問題,觀察痛點並提出解決方案

- 以成長駭客的角度探索可行的商業模式並加以實驗

- 維護APP的體驗並改善體驗問題

- 製作視覺稿、流程圖,並透過原型測試發掘用戶問題並提出解決方法

Nokia, Front End Developer, Oct 2019 ~ Nov 2020

Taipei, Taiwan

- 提供軟體解決方式節省公司千萬授權金。

- 依據5G基地台資料庫與資料特性優化介面查詢方式,從用戶操作面相減少Server負擔。

- 在2020年全台5G上線時,提供全台灣中區、南區所有基地台效能分析的系統,以利5G基地台效能優化。

- 分析使用者點擊狀況、輸入資訊,以發掘系統的易用性、使用者偏好、出錯資訊等,用數據資料當做設計的依據。

- 使用Angular配合Material Components解決用戶體驗問題。

Cardinal Solution, Web Designer Intern, Aug 2018 ~ Jan 2019

Michigan, U.S.A. 

- 依據客戶需求以及使用者研究結果設計視覺稿

- 提出介面優化方案,透過原型驗證客戶需求,並依官方設計指南開發響應式網站

- 與客戶不斷溝通以得到最好的解決方案。

學歷

薩吉諾谷州立大學 2018 ~ 2019

在美國密西根州Saginaw Valley State University交換,其間修習平面設計相關課程,並參加實習機構Cardinal Solution解決客戶問題。GPA 3.85。

世新大學資訊傳播 Major 2014 ~ 2019

研讀領域包含網頁設計、資料庫系統、使用者研究、資訊設計、電腦2D3D動畫。 參加日本鶴見大學短期實習、上海東方衛視實習短期實習,並於校內工讀,在校內美術社擔任兩屆社長,其間美術社獲得一次評鑑績優、一次評鑑特優。GPA 3.7。

圖文傳播出版印刷 Minor 2015 ~ 2018

研讀課程包含色彩學、印刷理論與實務、攝影學、社群電子商務、出版學、數位印刷。

數位多媒體藝術 Program 2015 ~ 2018

研讀課程包含3D電腦建模、2D3D電腦動畫、分鏡設計、遊戲設計。

技能


Front End Developing

- HTML / Pug / Canvas
- CSS / SCSS / CASS / Bootstrap / Tailwind
- JavaScript ES5/ES6, TypeScript
- Angular/ React / Cordova / jQuery
- Ajax / Rxjs
- P5.js/ Three.js/ WebGL/ Shader


UI/UX

精通線框稿、視覺稿應用軟體如Sketch, Invision Studio, Figma, Zeplin, XD. 透過UI技巧如使用流程、線框稿、視覺稿、原形設計改善產品使用者體驗、行銷產品並完成商業目標。與團隊其他成員合作,並能交付設計圖稿給工程師進行產品開發。能熟悉開發系統去調整畫面。能夠使用UX設計方法如深度訪談、易用性測試與原型製作以了解使用者需求,並達到商業目的。理解重要設計指南如Google Material Design, Human Interface Guideline等。


Back End Developing

- node.js / golang

- GCP / Firebase

- MySQL / noSQL

- Puppeteer.js / Tesseract.js


Analyzing

- Mixpanel 

- Regex / Excel Functions / Tableau

- SQL


作品集

側重問題發掘、痛點分析的

網頁互動

Paragraph image 03 00@2x

3D即時雲圖

透過爬蟲抓取氣象局2D雲圖,存到GCP雲端伺服器,再傳送到前端作影像處理,轉成3D雲層,渲染到畫面上。這過程包含前後端,才能完成這項工程。


作品連結

Paragraph image 03 00@2x

地理資料分析系統

不用數字便能評估地理資料。協助用戶分析、報告、企劃的視覺化網頁工具。可用於GIS分析、物流規劃、選址評估等。僅需貼上Google Sheet連結便可渲染圓柱。

不僅能觀察各點成本、庫存等,也能找出各點距離、最短捷徑、路程等高線、各點中心點(持續開發中)。


作品連結

Paragraph image 03 00@2x

3D台灣天氣資訊地圖

氣象報告能夠更有趣嗎? 這是我第一個想法。 當今氣象的呈現不外乎以2D。若能做出更好的視覺品質,想必能夠讓氣象更有趣。我希望做到更精確,更好看,更直觀,更快速切換不同地區。 以此為初衷,「Districtgraphic-tw : 台灣天氣資訊地圖」油然而生。


作品連結

Paragraph image 03 00@2x

WebGL

透過WebGL,我們能設定Shader。利用GLSL直接控制顯示卡運算,透過這樣的方式,能夠在螢幕上繪製非常絢麗的光暈等效果,而且不吃CPU太多效能。  


研究成果


偏重多人協作的

專案開發

Nokia基地台效能分析系統

我提供軟體工程的解決方案。抽絲剝繭理解使用者需要的基地台效能指標,綜合管理者的考量以及資料庫的限制,成功在中華電信5G開台時提供數據分析的平台,為公司省下每年超過一千萬以上的授權費。  


作品連結

Paragraph image 02 00@2x

王道銀行跨平台行動APP

跨平台系統(Browser, iOS, Android) 產品開發。釐清Android, iOS多平台特性並開發高度一致性的前端系統。


包含2022亞洲第一發行之碳排放信用卡的前端分析系統開發,以及多個用戶軟體需求開發等。


作品連結

Paragraph image 02 00@2x

追光者

在Open Data競賽時從325件作品脫穎而出,在2020年氣象組獲得第二名銀獎。

解決出遊時的天氣問題,提供天氣秘書、出遊道具清單、變天提醒、智慧推薦、客製化設定多種功能,在這個專案我負責產品設計與資料處理。


作品連結

Paragraph image 04 00@2x
Paragraph image 04 01@2x

Projects 01 00@2x


重視使用流程與畫面的

UI作品

AmazingTalker App

APP作為用戶流量導流工具以及推播工具重要利器,必須找出多個成長駭客方法以提升增加轉換率。


不僅如此,APP也需要為目前的用戶服務以提升客戶滿意度。而這些都是我負責的範圍。


作品連結

Paragraph image 04 00@2x
Paragraph image 04 01@2x

教育學院

教育學院有個競爭對手,該如何強調自己的優點,並且吸引學生、家長前往就讀?這不僅要熟悉美國的教育制度,還需要理解客戶(教育學院)的需求並以專業的UI知識解決行銷問題。


作品連結

Paragraph image 04 00@2x
Paragraph image 04 01@2x

飛輿  

以地域為核心的社群空間,讓使用者發現鄰居所討論的在地流行趨勢,除了獲取新知,還能認識彼此。 使用GPS定位以及Hashtag的觸及模式,並聚焦在設計最舒適的使用流程。


作品連結

Paragraph image 02 00@2x

Overlook人事管理系統  

透過手機APP裝置輕鬆管理人事支出以及管理的麻煩, 提昇會計的效率並更有效的檢視專案的效率。 是反覆改版並著墨在研究流程的iOS UI/UX設計專案。


作品連結

Paragraph image 02 00@2x

讓前端互動更豐富的

3D作品

Paragraph image 05 00@2x
Paragraph image 05 01@2x
Paragraph image 03 00@2x

3D建模與貼圖

使用3Ds Max以及Maya建模、貼圖、製作nCloth(粒子系統例如重力、煙、浮力)。這是我目前不斷嘗試的領域,希望藉由Three.js發揮3D的能力,做出更傑出的作品。還要考慮到低面數的方式加強網頁效能。


作品連結


過去做過的

在學時期作品

曉島遊

台灣有許多在地經典文學作品,如何將這些文學作品製作成行動地圖,在使用者到訪每個景點時得以探索該處題寫的詩詞,是我們設計曉導遊時的主要想法。



作品連結

Paragraph image 02 00@2x
Paragraph image 05 00@2x
Paragraph image 05 01@2x

SVG Portfolio

使用現代前端框架React所製作的曉島遊作品集,其中大量用SVG動畫、客製化轉場等效果,並且在作品集最下方描述自己的經驗。在這個作品中精進很多React、SVG上的應用。


作品連結

Projects 01 00@2x
Paragraph image 03 00@2x

攝影作品

透過鏡頭捕捉生活周遭最具戲劇性的一刻,照片不再只是永恆的當下,而是再現美好的寶物。

這張圖是我用手工相機,利用針孔成像的原理,利用火柴盒、廢棄膠卷、底片、迴紋針製成,自己控制曝光,相當有意思。


作品連結

Powered By CakeResume