網站建置

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

合作案例

風度影業 - 英
合作單位
日期
角色
技術
產出
風度影業 - 英
2022
一人前端開發
Nuxt、Echarts、animate
製作流暢過場動畫,具有時尚質感的電影製作公司官網,英文版。
風度影業 - 中
合作單位
日期
角色
技術
產出
風度影業 - 中
2022
一人前端開發
Nuxt、Echarts、animate
製作流暢過場動畫,具有時尚質感的電影製作公司官網,中文版。
小王子的藝想世界 75 周年特展
合作單位
日期
角色
技術
產出
小王子的藝想世界 75 周年特展
2022
一人前端開發
Nuxt、Element、AOS、WOW、Animate、lazyload
畫面上,是以星空為背景,配合多種特效營造出小王子故事氛圍。
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 官方網站
合作單位
日期
角色
技術
產出
Sunmmon 官方網站
2021
一人前端開發
Nuxt、Vuex、Echarts
此為信用違約預測官方網站,查詢公司名稱,會顯示公司違約預測圖表,建立有明暗切換功能。
西打藍官方網站
合作單位
日期
角色
技術
產出
西打藍官方網站
2021
一人前端開發
Nuxt、Element、AOS、WOW、Animate、TILT、lazyload
營造有質感、動態流暢的官方網站。
Aimvast POS
合作單位
日期
角色
技術
產出
Aimvast POS
2020、2021
一人前端開發
Nuxt、Vuex、i18n、Axios、Element
功能上,可以掃描產品進行結帳。後台有產品管理系統、結帳紀錄與系統參數設定,設有中、英、西三國語言。
Reborn 官方網站
合作單位
日期
角色
技術
產出
Reborn 官方網站
2021
一人前端開發
Vue、SCSS、RWD
線上 UI/UX 教學網站,設計美觀的響應式頁面。
PT ALPHA 印尼貿易商官方網站
合作單位
日期
角色
技術
產出
PT ALPHA 印尼貿易商官方網站
2021
一人前端開發
Nuxt、i18n、Google Form
透過 i18n 進行英語/印尼文轉換,以 Goole Form 儲存訪客聯絡資訊。
怪奇逃走中官方網站
合作單位
日期
角色
技術
產出
怪奇逃走中官方網站
2021
一人前端開發
Nuxt、AOS、WOW、Animate
透過動態效果,呈現出怪奇世界的氛圍。
慾望劇團官方網站
合作單位
日期
角色
技術
產出
慾望劇團官方網站
2021
一人前端開發
HTML、CSS、JavaScript、Owl-carousel
建立劇團官方網站。
雅硯官方網站
合作單位
日期
角色
技術
產出
雅硯官方網站
2020
一人前端開發
HTML、CSS、JavaScript、Owl-carousel
建立美觀的室內設計官方網站。
數據分析機器人網站
合作單位
日期
角色
技術
產出
數據分析機器人網站
2020
一人前端開發
Vue、Vuex、vue-echarts、vue-analytics、Axios
建立流暢體驗的問卷互動,以圖表呈現分析數據結果,埋設 GTM 收集使用者行為。
SyGPS 排程分析系統
合作單位
日期
角色
技術
產出
SyGPS 排程分析系統
2019、2020
使用 Gitlab 與外包工程師協作
Vue、Vuex、VeeValidate、i18n、Axios、Gitlab
大量組件化程式碼,建立最佳化玻璃製作排程系統。
投資組合精算系統
合作單位
日期
角色
技術
產出
投資組合精算系統
2020
共同維護開發
Java JSP、D3、Owl-carousel、AJAX
透過問卷分析適合投資屬性,以圖表呈現預計報酬。
雞籠怪奇:實境解謎遊戲系統
合作單位
日期
角色
技術
產出
雞籠怪奇:實境解謎遊戲系統
2020
一人前端開發
Vue、Vuex、LocalStorage
在基隆實地進行解謎遊戲,將通關進度儲存於 Vuex、LocalStorage。(限手機開啟)
雞籠怪奇官方網站
合作單位
日期
角色
技術
產出
雞籠怪奇官方網站
2020
一人前端開發
HTML、CSS、JavaScript
建立設計美觀、吸引人的官方頁面。
Classever 官方網站
合作單位
日期
角色
技術
產出
Classever 官方網站
2020
一人前端開發
HTML、CSS、JavaScript
建立一頁式音樂課程宣傳網站。
席思人工智能學院網站
合作單位
日期
角色
技術
產出
席思人工智能學院網站
2020
一人前端開發
Vue
建立一頁式程式課程宣傳網站。
Synergies 官方網站
合作單位
日期
角色
技術
產出
Synergies 官方網站
2019、2020
共同維護開發
HTML、CSS、JavaScript、mustache
定期維護數據分析公司官方網站。
Ovenplus 官方網站
合作單位
日期
角色
技術
產出
Ovenplus 官方網站
2019
一人前端開發
HTML、CSS、JavaScript、Owl-carousel
製作一頁式烤爐宣傳網站。
練習作品:打磚塊
合作單位
日期
角色
技術
產出
練習作品:打磚塊
2019
一人前端開發
HTML、CSS、JavaScript、Canvas
以 Cancas 實作打磚塊遊戲。
練習作品:衣著電商網站
合作單位
日期
角色
技術
產出
練習作品:衣著電商網站
2019
一人前端開發
HTML、CSS、JavaScript、TapPay、第三方 FB 會員登入、AJAX
以 TapPay 串金流,登入第三方 F 會員,紀錄購衣資物。
練習作品:網頁課程收集網站
合作單位
日期
角色
技術
產出
練習作品:網頁課程收集網站
2019
一人前端開發
HTML、CSS、JavaScript、Firebase、AJAX
從 Firebase 取得網站資料,顯示於頁面。

合作方式

網站建置
需求
Demand
預算
Budget
時程
Time
需求
根據網站需求,確定視覺風格、頁面設計、工程複雜度、預算、時程。依據需求安排負責人員,包含設計師、前端工程師、後端工程師。
預算
收費項目,會根據頁數、設計複雜度而定。可以一起根據預算,進行規劃。
例如我曾因合作對象預算有限,我們不請設計師,而是一起討論頁面設計,節省設計費;還曾為了節省建置後台費用,而以每年固定維護方式,配合預算考量彈性開發。
時程
完整建置網站流程,會依序確認主視覺風格、個別頁面設計,接著進行工程開發、修改、結案。各流程依據複雜度制訂時間。
網站規劃諮詢
需求
Demand
人員
Personnel
時程
Time
需求
釐清網站需求,確認是否需要文案、平面視覺設計、網站設計、工程開發、網站佈署,並商討進行方式。
人員
根據需求,安排設計師、前端工程師、後端工程師。
時程
根據時程需要,與每一負責人員溝通任務時間,安排執行。

常見問題

要談網站規劃,要懂很多術語嗎?
arrow
建立一個網站,會花很多錢嗎?
arrow
建立一個網站,要花多少時間?
arrow
我對建立網站沒有概念,要怎麼開始?
arrow

合作夥伴

logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
siddharam
Siddharam
西打藍
寫程式的文字人,
期待每一次火花。
西打藍 Siddharam © All Rights Reserved.