AI 系統開發

TextSence AI 工作室品牌官網

打造一個能直接代表「AI + 設計 + 工程」三位一體工作室的形象站，把虛無縹緲的 AI 服務具象化成可預約、可下單的具體方案。重點放在：精緻不浮誇、自動化能交付、客戶看完就想預約諮詢。 【技術棧】 - 前端：Vite 6 + Vanilla JS + GSAP / ScrollTrigger 動效引擎 - 後端:Vercel Serverless Functions + Resend API（聯絡表單真實寄信至工作室信箱） - 設計實作：自訂 cursor、loading bar、grid 線條、磁吸按鈕、頁面切換動畫 - 部署：Vercel + 自訂域名 + CDN - RWD：手機 / 平板 / 桌機三斷點 【頁面架構（5 頁）】 1. 首頁：Hero 動畫進場、品牌敘事、客戶 logo wall（11+ 合作品牌）、三大核心服務預覽 2. 服務：完整服務矩陣（A 自動化整合方案 + B 網站架設方案 共 6 個 tier），透明定價、無隱藏費用 3. 作品：8+ 實證案例（電商、SEO、跨境多語、Telegram Bot、Agentic Pipeline） 4. 關於：創辦人故事、6 大核心價值、團隊編制揭露（Ray + 5 位專責 AI 同事） 5. 聯繫：完整聯絡表單 + 手機 / Line OA / IG 多管道，平日 24h 內回覆 【設計風格】 深紫黑底 + 粉紅強調色，工匠感 / 未來感 / 留白 / grid 線條。拒絕 generic AI aesthetic：不用彩虹漸層、不用粒子滿版、不用模板感版型。字型 Inter + Noto Sans TC。 【特色實作】 - 滾動視差 + 文字逐行解鎖動畫 - 自訂 cursor（dot + ring 跟隨） - 磁吸效應按鈕（hover 偏移追蹤滑鼠） - 頁面切換 slab 動畫（5 條斜板交錯） - 翻頁式數字計數器（flip counter） - 聯絡表單反 bot honeypot + 後端驗證 + Resend reply-to 直接串客戶 email 【交付物】 完整 5 頁源碼、後端 Serverless 表單 endpoint、Vercel 部署文件、Git 完整歷史。中英日多語架構就緒。 【線上展示】 https://textsence.com

使用的技能專長

• Vite
• Git
• SEO 技術優化
• GSAP
• UI/UX 設計
• Vercel
• JavaScript
• HTML/CSS
• RWD 響應式
• Resend API