FrontendDeveloper
哈囉，我是 Otis Chen。一位前端工程師，專注於以邏輯解決問題並不斷學習新技術，增強自我Coding實力。
<code/>
constotis=
Skills
Frontend Core
核心技能
HTML5
核心技能
CSS3
核心技能
JavaScript
核心技能
TypeScript
Frontend Framework
核心技能
Vue.js
核心技能
Nuxt.js
熟練技能
React
熟練技能
Next.js
Style Design
核心技能
Tailwind CSS
核心技能
Sass
CSS Grid
Flexbox
Animation & Graphics
核心技能
GSAP
熟練技能
Three.js
Spline
Swiper.js
Backend & Database
Node.js
PHP
MySQL
WordPress
Express
Development Tools
Git
Docker
Nginx
GitLab
CI/CD
SEO & Analytics
核心技能
SEO
Google Analytics
Google Tag Manager
JSON-LD
Others
Web accessibility
Swagger
Postman
jQuery
Accelerate
Experiences
版塊創意有限公司 Block Studio
Frontend Developer
2024.8 - 現在
Nuxt3Vue3TailwindCSSPHPMySQLDockerWordPress
可獨立作業且擁有豐富的專案經驗，熟悉WordPress、PHP、Docker、Nginx、GitLab等技術。
獨立作業
- •完成一個中型官網，目前進行中有一個大型專案和一個動態豐富的Landing page
- •使用Nuxt3框架與WordPress CMS整合開發完整解決方案
- •實現3D動態效果（Spline）、全站GSAP動畫及動態sitemap
團隊協作
- •參與五個以上的協作專案，符合一致的團隊coding style
- •與設計師和後端工程師協作，確保UI精準呈現
- •參與專案管理和多項專案同時進行的時間分配
技術卓越
- •針對網站載入速度和使用者體驗進行優化
- •實施全面的SEO優化策略，提升網站排名和可見度
- •系統性分析並解決複雜的技術挑戰，確保專案順利進行
PNY Technologies Asia Pacific Limited 必恩威亞太有限公司
業務專員
2021.10 - 2024.2
電商多平台銷售策略專案管理
NVIDIA的AIC合作夥伴，專門生產高品質PC組件。透過有效的跨部門溝通和精準的時間管理，持續達成銷售目標。
多平台運營
- •全權負責管理PChome、MOMO、蝦皮等多個線上商城
- •半年內將蝦皮商城月銷售額從0提升至200-300萬
- •維持主力平台與B2B交易達1,000-2,000萬
業務流程優化
- •精確管理業務計劃、預測控制和報價流程
- •與電商物流中心合作，建立SOP提高效率
- •策劃並執行有效的促銷策略，提升銷售業績
策略發展
- •運用出色的溝通技巧和市場洞察力開發新業務
- •提升分析能力和預測市場趨勢的效率
- •透過策略規劃和客戶關係管理提升工作效率
華夏玻璃股份有限公司
國外業務專員
2020.6 - 2021.7
國際銷售危機管理客戶服務物流
台灣最大日用品玻璃廠。運用強大的溝通技巧和高效的時間管理策略，提升工作效率。
業務開發
- •積極開拓新客戶並發展新產品，擴大市場份額
- •將月銷售額從400-600萬提升至1,500-2,000萬
- •成功管理從報價到出貨安排的完整訂單流程
危機管理
- •疫情期間成功協商漲價應對物價上漲，實現業績70%成長
- •專業處理客訴及貨款事宜
- •在挑戰性市況中維持強大的客戶關係
營運卓越
- •積極學習專業知識，提升跨部門合作能力
- •負責海運訂艙和內銷出貨安排
- •優化物流協調以提高配送效率
Projects
2024
非我設計 Unme Design 官方網站
企業官網 | 全端開發
這個專案是我從頭到尾獨自開發的企業官網，使用WordPress作為CMS系統，前端則採用Nuxt3框架搭配多種動態技術。
3D互動體驗動態視覺效果響應式設計
Nuxt3Vue3TailwindCSSGSAPSwiperWordPress+6
2024
勤誠興業 CHENBRO 官方網站
大型企業網站 | 團隊協作
參與開發大型企業官網專案，主要負責產品、夥伴及服務與支援三大核心區塊的前端開發，並參與專案收尾階段的全面除錯與優化工作。
大型架構多區塊開發團隊協作
Nuxt3Vue3TailwindCSSGSAPSwiperDocker+3
2024
幫推事務所 VentiVenti 官方網站
SEO優化專案 | 全端開發
專注於網站SEO全面優化，提升搜尋引擎可見度與排名。透過系統性的技術實作，大幅改善網站在搜索結果中的表現。
SEO卓越結構化資料多語系支援
Nuxt3Vue3TailwindCSSGSAPWordPressPHP+6
2024
Blue Alert 藍色警戒
全端網頁應用程式 | 團隊領導
帶領七人團隊開發全端網頁應用程式，運用Vue3的script setup/Composition API/Options API進行前端開發，整合多元函式庫以提升使用者體驗，並以PHP、MySQL實作後端解決方案。
團隊領導全端開發資料視覺化
Vue3SassPiniaBootstrap5GSAPD3.js+5
2024
寵物醫院商城
電商平台 | 原生JavaScript
運用原生JavaScript開發全方位的獸醫院網站，實作預約掛號和電子商務等進階功能。
原生JavaScript電商功能本地儲存
JavaScriptCSS3HTML5AOS AnimationLocalStorageGoogle Maps API
Contact Me
Let's work together