網站建置
WEB DEVELOP
服務項目
前端程式開發
Front End Develop
頁面優化、RWD、API 串接
合作經驗：數據分析系統、排程系統、POS 系統、實境解謎遊戲系統
官方/個人網站規劃建置
Website Planning
客製化個人作品集網站、官方網站建置
合作經驗：劇團、音樂教學、UI/UX 教學、信用違約、室內設計公司官方網站
網站規劃諮詢
Website Couseling
釐清需求、規劃網站工作流程
合作經驗：基隆市政府教育局、大基隆歷史現場網站設計規劃
專業能力
核心
程式語言
HTML、CSS、JavaScript
網路連線
HTTP、AJAX、Axios、RESTful APIs、Browser Compatibility
響應設計
Flex、RWD
存儲
Web Storage
進階技能
框架
Vue、Nuxt、Vuex
預處理器
SCSS
資料庫
Firebase
套件
Echarts、D3、i18n、Swiper
工具
版本控制
Git、GitHub、GitLab、Bitbucket
模組管理
Webpack
檢查
ESLint
分析
GA
合作案例
反霸凌教育網站
Fantimate 音樂創作者平台
合作單位
日期
角色
技術
產出
Fantimate 音樂創作者平台
2023
負責前端開發，有後端夥伴協助
Nuxt、Java
提供音樂人獲得粉絲支持的創作者平台，包含會員、音樂人系統等功能，風格簡約流暢。
湧業能源官方網站
合作單位
日期
角色
技術
產出
湧業能源官方網站
2023
一人前端開發
Nuxt、Swiper
風格形象專業、嚴謹的官方網站。
小王子的藝想世界 75 周年特展
Sugar Daddy 包養網站
合作單位
日期
角色
技術
產出
Sugar Daddy 包養網站
2022
一人前端開發
Nuxt、Axios、Auth-Next、Element、vue-quill-editor
擁有完整會員註冊登入，與後台管理功能。可以多層次搜尋異性名單，擁有傳訊聯繫、檢舉等多功能。
威寶數位 出勤管理系統
合作單位
日期
角色
技術
產出
威寶數位 出勤管理系統
2022
一人前端開發
Nuxt、Echarts、Axios、Auth-Next
建立會員登入權限，提供人資進行員工出勤管理，功能包含客戶管理、考勤管理、黑/白/陌生名單管理。
威寶數位 儀表板
合作單位
日期
角色
技術
產出
威寶數位 儀表板
2022
一人前端開發
Nuxt、Echarts
協助數位科技公司，完成一日急件網站製作，使用 Echarts 製圖套件。
Aimvast 語音控制 Pitch Demo
合作單位
日期
角色
技術
產出
Aimvast 語音控制 Pitch Demo
2022
一人前端開發
Nuxt、Web Speech API
透過語音對話打開菜單、點菜，系統同步顯示菜名與客戶，用以創投提案，西文版。
Sunmmon 官方網站
西打藍官方網站
Aimvast POS
合作單位
日期
角色
技術
產出
Aimvast POS
2020、2021
一人前端開發
Nuxt、Vuex、i18n、Axios、Element
功能上，可以掃描產品進行結帳。後台有產品管理系統、結帳紀錄與系統參數設定，設有中、英、西三國語言。
PT ALPHA 印尼貿易商官方網站
數據分析機器人網站
SyGPS 排程分析系統
合作單位
日期
角色
技術
產出
SyGPS 排程分析系統
2019、2020
使用 Gitlab 與外包工程師協作
Vue、Vuex、VeeValidate、i18n、Axios、Gitlab
大量組件化程式碼，建立最佳化玻璃製作排程系統。
投資組合精算系統
合作單位
日期
角色
技術
產出
投資組合精算系統
2020
共同維護開發
Java JSP、D3、Owl-carousel、AJAX
透過問卷分析適合投資屬性，以圖表呈現預計報酬。
雞籠怪奇：實境解謎遊戲系統
Synergies 官方網站
Ovenplus 官方網站
練習作品：衣著電商網站
合作方式
網站建置
需求
Demand
Demand
預算
Budget
Budget
時程
Time
Time
需求
根據網站需求，確定視覺風格、頁面設計、工程複雜度、預算、時程。依據需求安排負責人員，包含設計師、前端工程師、後端工程師。
預算
收費項目，會根據頁數、設計複雜度而定。可以一起根據預算，進行規劃。
例如我曾因合作對象預算有限，我們不請設計師，而是一起討論頁面設計，節省設計費；還曾為了節省建置後台費用，而以每年固定維護方式，配合預算考量彈性開發。
例如我曾因合作對象預算有限，我們不請設計師，而是一起討論頁面設計，節省設計費；還曾為了節省建置後台費用，而以每年固定維護方式，配合預算考量彈性開發。
時程
完整建置網站流程，會依序確認主視覺風格、個別頁面設計，接著進行工程開發、修改、結案。各流程依據複雜度制訂時間。
網站規劃諮詢
需求
Demand
Demand
人員
Personnel
Personnel
時程
Time
Time
需求
釐清網站需求，確認是否需要文案、平面視覺設計、網站設計、工程開發、網站佈署，並商討進行方式。
人員
根據需求，安排設計師、前端工程師、後端工程師。
時程
根據時程需要，與每一負責人員溝通任務時間，安排執行。
常見問題
要談網站規劃，要懂很多術語嗎？
建立一個網站，會花很多錢嗎？
建立一個網站，要花多少時間？
我對建立網站沒有概念，要怎麼開始？