Hi, I'm Stephie 👋
4y+ 前端工程師，1y+ 前平面/UI設計師。喜歡富有創意的網頁視覺，也喜歡做酷炫的功能，美感邏輯雙修。也擁有相當豐富的 Sass 應用前端開發經驗。
SY

關於我

任職前端工程師約 3-4 年經驗。任職前端工程師期間經手數種網頁開發，從形象網站、電商網站至 SaaS 應用程式皆有涉獵。

擅長開發工具包含 Vue 3、Nuxt.js、React、Next.js、TypeScript 和 TailwindCSS。此外，我對 Three.js 和 WebGL 有個人興趣。

除了開發前端應用功能外，我對前端網頁開發中的視覺細節也非常注重，並強調網頁的視覺呈現。目前正在尋找前端開發人員的職位，希望在創意和創新的團隊中繼續成長並貢獻我的技能。

工作經驗

L

LYNUXTEK 令客思科技

Sep 2024 - Present
前端工程師

  1. 負責各種不同客戶的官方網站前端開發。

  2. 參與數個不同 SaaS 應用的前端開發。

  3. 參與公司內部專案，如公司官網、內部管理系統等。

Vue3/Nuxt
GraphQL
TypeScript
Firebase
ci/cd
自

自由接案

Sep 2023 - Present
前端工程師

  1. ▦ 2024 六月 ~ 八月 ▦
    [專案] 漸強實驗室 x SHOPLINE LINE 會員卡功能平台 & Shopline 商家擴充插件。
    以外包團隊模式與漸強實驗室簽約專案，參與此產品的前端開發。

  2. ▦ 2024 三月 ~ 四月 ▦
    [專案] TeamSync AI 多人聊天室。 以外包團隊模式與數辰藝創公司簽約專案，負責此產品前端開發，當中使用到了 Svelte 框架以及 Socket 技術。

  3. ▦ 2023 九月 ~ 2024 六月 ▦
    [合約]以個人合約方式與 Alion Tech 長期合作。 期間參與虛擬辦公空間、ERP 系統、其他 SaaS 應用的前端開發。

Vue3/Nuxt
WebSocket
Svelte
React/Next
React-Native
TypeScript
Swagger/OpenAPI
ci/cd
Firebase
Markdown
適

適著三圍 TG3D Studio

May 2022 - Sep 2023
前端工程師

  1. 使用 Three.js 與 Vue.js 開發數位服裝設計平台當中的，某幾項所見及所得編輯功能(e.g.身體量測數據與3D模型同步、3D模型的編輯、繪製、材質設定等)。

  2. 負責 Game-Fi App FITzOn 官方網站 的前端開發。著重於創建動態內容，實現複雜的動畫效果。串接智慧合約 (Smart Contract) 加密貨幣錢包 (MetaMask)，令使用者可以在官網上做 NFT 的相關操作。

  3. 負責 FITzOn 官方網站 NFT Global Minting 流程的前端開發。

  4. 串接 RPM Avatar 開發 Metaverse 3D Avatar x DMKTZ 虛擬服裝試穿功能。

  5. 參與醫美診所美胸手術人體樣態模擬系統專案。

DMKTZ

DMKTZ

官方入口
youtubeTry-on
Instagram
FITzOn - Fit To Earn Game-Fi App

FITzOn - Fit To Earn Game-Fi App

官方網站
youtubeReveal Intro
App Store
Google Play
Vue3/Nuxt
Three.js
Web3
Ether.js
MetaMask
Stripe
自

自由接案

January 2020 - May 2022
前端工程師

  1. ▦ 2021 五月 ~ 2021 十二月 ▦
    [專案] 草東沒有派對 官方網站 / Shopify 商店
    與 Blockcode Studio, Whatever Co.合作專案，負責前端開發。

  2. ▦ 2021 五月 ~ 2022 六月 ▦
    [合約] Alion Tech
    參與 JaFun 日本伴手禮代購平台 的前端開發。

  3. ▦ 2020 十月 ~ 十一月 ▦
    [專案] 安寧基金會 Instawish 限實許願牆
    與 Blockcode Studio, 米蘭數位設計合作專案，負責前端開發。

  4. ▦ 2020 六月 ~ 2022 七月 ▦
    [合約] 李長榮化工集團官方網站前端維護與開發
    與 Kanekt Creative Studio 合作。

  5. ▦ 2020 二月 ~ 2020 四月 ▦
    [專案] 緬甸大型購物中心 The Central Boulevard 官方網站
    與 Blockcode Studio, Kanekt Creative Studio 合作。負責官網前端開發。

Vue 2
Nuxt.js
Shopify(liquid)
Bootsrap 5
GraphQL
A

Albertlan Creative 歐拔藍數位創意

Aug 2016 - Nov 2019
前端工程師

  1. 以 HTML、CSS 和 JavaScript 將設計師的概念變為現實

  2. 負責網站和網頁應用用戶界面的製作、修改和維護

  3. 使用戶在各瀏覽器中的視覺和互動體驗一致

  4. 實現移動網站的響應式設計

  5. 使用 GitHub 等專案管理工具維護軟體工作流程

  6. 在開發過程中測試網站的可用性並修復任何錯誤

  7. 以 GSAP 等工具實現網頁動畫

  8. 參與多個企業官網前端開發與維護

  9. 使用 GA & GTM SDK，設定頁面元素的 GA EVENT，使客戶可以在 GA 後台追蹤用戶行為

國泰企業系列

國泰企業系列

國泰世華銀行
國泰產險
LE BLE D'OR 金色三麥

LE BLE D'OR 金色三麥

官方網站
CSS Design Awards
HTML5
jQuery
Gulp
Bootstrap
CSS/SCSS
GSAP
CSS Animation

技能

網頁前端開發
UI/UX 設計

學歷

私

私立元智大學

2009 - 2013

資訊傳播學系學士

自由接案 x 參與專案

Projects I participated in

作為前端開發者的時期當中，我負責與參與製作 7+ 個專案。這些專案涵蓋了各種不同的領域，從形象網站、電子商務網站到應用程式，都有涉及。

  • S

    SHOPLINE x LINE 會員卡功能平台 & SHOPLINE 商家擴充插件

    專案合作 w/ Crescendo Lab 漸強實驗室

    • 串接 LINE LIFF 並與後端合作，實現以 LINE 為載體的 SHOPLINE 會員卡功能頁面。
    • 與後端合作，實現商家擴充插件，讓商家可以在 SHOPLINE 後台設定會員卡功能。
    介紹
  • S

    Swise - 解決遠距工作課題的虛擬辦公空間

    合約合作 w/ Alion Tech 阿利恩科技

    • 參與部分前端介面、功能開發，以及維護、修改以及除錯工作。
    官方入口
  • I

    Instawish 限時許願牆

    專案合作 w/ Blockcode Studio 德穎數位, Medialand 米蘭數位設計

    • 與設計師合作，實現網站視覺效果。
    • 以 CSS3 Animation、Javscript 實現 Lading Page 中雙向輪播圖動畫。
    • 以 Nuxt 2 框架 (SSG) 建立前端應用，負責大部分前端開發。
    youtube影片
    介紹
    活動花絮
  • 草

    草東沒有派對

    專案合作 w/ Blockcode Studio 德穎數位, Whatever Co.

    • 與設計師合作，實現網站視覺效果。
    • 以 Nuxt 2 框架 (SSR) 建立前端應用，負責前端開發。
    • 使用 GraphQL 串接 API 並與後端工程師合作，完成網站上線。
    • 使用 Shopify Liquid 模板語言製作 Shopify 商店客製化佈景主題。
    官方網站
    Shopify 商店
  • 李

    李長榮化工集團

    合約合作 w/ Kanekt Creative 意馳創造

    • 與設計師合作，實現網站視覺效果。
    • 使用 HTML、CSS、JavaScript 開發官方網站前端。
    • 維護與更新網站內容。
    李長榮化工
  • J

    JaFun - 日本伴手禮代購平台

    合約合作 w/ Alion Tech 阿利恩科技

    • 參與前端介面切版，以及功能開發。
    • 實現搜尋商品、商品頁面、購物車、訂單頁面等功能。
    官方平台
  • T

    The Central Boulevard Official

    專案合作 w/ Kanekt Creative 意馳創造, Blockcode Studio 德穎數位

    • 負責前端視覺切版。
    官方網站
cat
EN
LinkedIn