KeepAI

聯絡我們

作品與範例

實機作品與建站成果

從高質感的專屬品牌形象站，到複雜全端系統。所有展示皆可線上親自驗證，看見真實的設計工藝與工程品質。

B 線實機線上預覽 · 獨立媒體Cloudflare Pages · Zero Hosting Cost

皮炎有限公司（公民新聞・事實查核）

為新創公民調查新聞團隊量身打造的專屬官方形象站。採用經典報業風格（Broadsheet）、宋體襯線排版與報頭雙細線，整合品牌使命、3 大查證標準與爆料投稿區。

它做什麼

經典大報報頭雙線與宋體排版，呈現嚴肅公信力與事實權威感
3 大查證標準守則牆（多方求證、脈絡完整、公開更正）
暗黑沉浸式爆料專區，標註個資提醒與 Signal/Telegram 吹哨者安全宣告
手機與電腦版面完全對齊，無任何多餘追蹤碼

怎麼做的

純靜態架構（HTML/CSS/JS），不用資料庫，載入快
部署於免費 Cloudflare Pages 雲端平台，永久零主機伺服器月費
網域與信箱由客戶 100% 自主持有，團隊不經手帳號密碼
在客戶提出需求後，3 個工作天內快速交付可點擊的線上預覽

看線上實機預覽（https://keepai-preview-sa4c3e.pages.dev） ↗

B 線示範結構（虛構店家）Mobile-First · Booking & Maps

山嵐陶藝工作室（預約制手拉坯與器皿訂製）

專為台灣在地店家、工坊與個人品牌設計的品牌首頁結構。解決店家在 Google 地圖只有 Facebook 粉專、客人滑不到營業時間與預約方式的痛點。

它做什麼

清晰呈現品牌故事、手拉坯體驗課程與手工器皿訂製項目
一鍵連結 LINE 線上預約、電話直接撥打與 Google 地圖導航
完整整合 Google 商家資訊與營業開放時段
支援隨時擴充獨立英文版頁面，順暢接待國際旅客

怎麼做的

自然溫潤的手作質感介面與現代排版規範
實際建站時只用店家公開的事實與照片，不捏造年份或得獎紀錄
正式網站會加上結構化商家資料（LocalBusiness），幫助搜尋引擎讀懂店家資訊

KeepAI Study 首頁畫面

全端系統自研作品

KeepAI Study 學伴

給國中生的 AI 家教與學習平台。不會的題目拍照或打字，AI 一步一步講到懂，再出一題相似題讓學生自己練。展現我們在會員、資料庫與高複雜度互動上的工程實力。

它做什麼

拍照或打字問題，講解後附一題相似題，並自動存進錯題本
作文預估級分、課本拍照整理重點、弱點單元分析
難題由兩個不同的 AI 各自解題，答案一致才算數
專注計時、恐龍養成、讀書團與題目 PK，並區分會考班、直升班、國際班

怎麼做的

Next.js 16、React 19、Tailwind；Supabase 資料庫與登入
學生、老師、管理員三種角色，各自能看的頁面不同
多個 AI 模型依序備援：一個失敗或逾時就換下一個
手機與橫放畫面都做過檢查；並附有自製的宣傳影片

看線上版 ↗

KeepAI Crypto Studio 首頁畫面

全端系統自研作品

KeepAI Crypto Studio

加密貨幣訊號的即時主控台：以 4 小時線追蹤 135 個交易對，突破時發出訊號，進場價與停損已經算好。本站只提供訊號、不下單，也不構成投資建議。

它做什麼

即時行情與訊號清單，每 30 秒更新
同一套策略可以拿歷史資料重播；模擬帳本顯示持倉與風險狀態
每個決策都留下紀錄，可以回頭查原因
不需要交易所金鑰、不需要信用卡，新帳號有 7 天試用

怎麼做的

Vite、React 19、TypeScript、Tailwind；Supabase 資料庫、登入與雲端函式
後端引擎每 2 分鐘自動執行，有心跳監控；核心邏輯有自動化測試
繁體中文與英文雙語介面，AI 說明跟著介面語言
AI 說明由多個供應商備援，其中一個失敗會自動換下一個

看線上版 ↗

這對你的網站代表什麼

同一批能力，用在你的官網上

雙語介面

中英文各自獨立、可切換，內容與說明都跟著語言走。

登入、資料庫與後台

需要會員、詢價紀錄或內容管理時，我們做過完整的資料庫與權限設計。

自動化與備援

排程、監控與自動備援：一個環節出問題，不會讓整個網站停擺。

想看看你的官網能做到什麼程度？

告訴我們你的產品與需求，我們先做免費樣品。

索取免費樣品