BK Tech & Systems

專注於系統優化、數位互動與自動化架構

我們致力於將工業級的邏輯思維與系統化流程,應用於現代網頁開發與數位內容創作中。從高互動性的益智遊戲、沉浸式的敘事平台,到企業級的內部稽核系統,我們打造兼具效能與美感的數位體驗。

上線專案 (Live Projects)

點擊卡片探索互動體驗與背後的開發故事

Cat Sudoku
Web Game Unity / WebGL

Cat Sudoku:當邏輯解謎遇上療癒貓咪

誰說數獨只能是死板板的數字拼圖?當題目換成了滿滿的萌貓,原本燒腦的解謎瞬間變成了療癒的擼貓時光!這是一款專為想動動腦、又想舒壓的玩家打造的遊戲,隨手動腦也能把壓力一掃而空。

Neko Red Points
Web Game Card / Strategy

Neko Red Point:貓咪撿紅點 — 經典紙牌的數位重構

將台灣傳統熱門紙牌「撿紅點」融入療癒貓咪視覺。結合即時算分與配對演算法,搭配順暢的拖曳手感,帶來具備策略與紓壓氛圍的全新數位桌遊體驗。

Neko Oracle
Interactive UX Oracle / Fun

Neko Oracle:黑貓水晶球 — 靈感占卜與生活解答

當你面臨選擇障礙時,不妨來問問神秘的黑貓女巫!輕觸水晶球並說出疑問,黑貓會為你凝視未來並給出充滿哲理(與貓咪風格)的獨家建議,為生活帶來意想不到的靈感。

OCEANavi
Data Tool TIPI Model

OCEANavi:陪你找到迷茫職涯方向的雷達羅盤

「我到底適合什麼工作?」我們把嚴謹的大五人格分析,包裝成一份像在聊天一樣的輕鬆測驗。只要花幾分鐘完成回答,系統就會畫出專屬的特質地圖,幫你在職涯大海中指引出清晰方向。

Pleased to Plant
品牌官網 Web Design

Pleased to Plant:把綠意搬進螢幕的質感植物展覽館

想讓綠色植物療癒生活?我們幫 Pleased to Plant 打造了一間極具質感的線上植物展覽館!流暢的響應式設計,讓你在手機上隨手一劃就能感受滿滿綠意,逛網頁就像逛植物園一樣舒服!

my-stt-app
AI 工具 STT Web App

AI 免費語音逐字稿:開會聽打打到手抽筋?讓 AI 來救你

開會紀錄、訪談聽打總是打到懷疑人生?讓 AI 來拯救你的雙手!這是一款超佛心的免費語音轉文字神器,錄音檔一丟或現場按錄音,瞬間幫你搞定逐字稿,工作效率直接開外掛!

TeamSync-Ops
運籌管理 Scheduling Tool

TeamSync-Ops:告別混亂!團隊排程的智慧調度官

團隊調度總是搞得像大亂鬥?這款動態排程工具就是你的智慧管家!自動處理資源配置與時間排程,再也不用在 LINE 群組裡問「大家什麼時候有空」問到崩潰,排程變超順手!

PolyCost
演算求解 Optimization Engine

PolyCost:燒腦算成本?交給矩陣求解器一鍵搞定

複雜的矩陣配置跟成本計算讓人頭暈目眩?別硬碰硬!我們把工業工程的硬核邏輯包裝成直覺工具,幫你自動找出最佳解,算得又快又準,徹底解放你的大腦!

開發中專案 (In Development)

My Pet:個人化數位陪伴系統

In Development

深入探討前端狀態管理 (State Management) 與遊戲化機制,將生硬的系統資料交互,轉化為具有成長感與陪伴性質的個人化體驗。

狀態管理架構與互動機制規劃調整中...

開發日誌 & 技術分享 (DevLogs)

紀錄系統架構、自動化工程與實務經驗

UI/UX / Industrial

工廠現場的 UI 設計學:防呆、高對比與無障礙操作體驗

針對戴手套操作與昏暗極端環境,進行大按鈕與高對比視覺的軟體介面改造。

Python / Automation

告別人工盤點:結合 Python 與 Apps Script 的預警系統

利用 Python 計算安全庫存,並透過 GAS 精準推播警報至 LINE 群組。

System Integration / MES

封閉型供應鏈的系統挑戰:集團內部食品廠整合實戰

專注於內部供需無緩衝同步、批次追溯與跨系統的動態料號映射管理。

Industrial / WMS

嚴苛環境下的倉儲管理 (WMS):低溫冷庫標準化作業

數位化冷庫 SOP 流程,實作設備除霜與溫度異常的數據追蹤機制。

Python / Scheduling

傳統產線的數位轉型:Python 在工業排程的實務應用

結合 Pandas 數據清洗與演算模型,實作自動化生產排程與報表輸出。

Serverless / LINE Bot

利用 Google Apps Script 打造 LINE Bot 雙向同步系統

零伺服器成本實作 Webhook,整合前端通訊與 Google Sheets 資料庫。

Security / API

靜態網站的 API 安全實踐:CORS 與中介層防護

利用 Cloudflare Workers 建立無伺服器代理,隱藏 API 金鑰並實作 CORS 限制。

Vanilla JS

輕量前端架構:不依賴框架的 Vanilla JS 狀態管理

利用 Proxy 物件與事件委派,在純 JS 環境下構建響應式狀態管理系統。

WebGL / Performance

WebGL 效能調優指南:降低瀏覽器遊戲記憶體佔用

利用 Sprite Atlas、紋理壓縮與物件池模式,解決瀏覽器掉幀問題。

Branding / CDN

品牌網站開發實戰:細節排版與 CDN 邊緣部署

響應式設計中捍衛品牌視覺完整性,以及透過 CDN 實現全球高併發部署。

Engineering / UI

工業工程思維跨界:以模組化與 Mobile First 重構介面

將工廠佈局中「降低無效移動」的概念,轉化為行動優先的 UI 排版。

Monetization

休閒遊戲商業化:廣告獎勵機制的架構重構

平衡玩家體驗與變現,將免費提示重構為整合 API 的廣告獎勵機制。

UX / Storytelling

Magic Book:談數位互動腳本與學齡前沉浸式 UX

專注於幼童認知發展,探討如何利用動態文字生成打造互動故事體驗。

Serverless

無伺服器實踐:利用 Cloudflare Pages 與 Apps Script

透過 Jamstack 架構,打造出零維護成本的自動化資料收集與定時報表系統。

Architecture

取代三層式架構!企業內部稽核系統的雙層設計

利用「分支 - 單位」雙層結構大幅提升資料檢索與自動化報表生成的效率。

Unity / C#

如何使用 Unity 開發網頁版數獨遊戲:演算法解析

數字邏輯結合視覺元素,剖析謎題生成演算法與 WebGL 輸出的效能調優。

關於 BK Tech & Systems 與技術架構

工作室理念與現代化部署

BK Tech & Systems 致力於消除多餘的系統耗損,將工業工程的流程優化精神帶入軟體開發。我們導入結構化的 CI/CD 工作流程,基礎設施依賴 Cloudflare Pages 與 GitHub 自動化同步,實現毫秒級部署與全球 CDN 加速。

企業級資料管理與數位流程

在系統架構設計上,我們偏好扁平化的雙層架構以取代複雜的三層設計,顯著提升資料檢索效率。結合無伺服器 (Serverless) 技術與自動化腳本,持續打造兼具極致效能與輕量維護成本的 Web 應用。

有專案需求或想進一步聊聊?

歡迎直接加入我們的官方 LINE 帳號!無論是系統開發諮詢、網頁合作,或是各種技術交流,我們都會儘快親自回覆您。

加 LINE 官方帳號免費諮詢