UIUX設計

翻牌網頁繪圖

核⼼為⼀組 JavaScript API ，提供可⽤於翻⾴、翻牌、瞇牌所需的基本操作，也就是，對基本圖檔動態地截取片段，使截切的圖像能在網⾴畫⾯上以旋轉、層疊、拼合⽅式呈現。 API 需提供可設定幾種參數功能： 1. 圖片與翻牌區域呈現多⼤的尺⼨； 2. 觸發可翻牌動作的邊緣值：可能以隱形的⽅形外框模板塑造觸發區； 3. 在圖像邊緣的翻牌點； 4. 折牌的⽅向與距離； 5. 能設定在翻折之處疊上另外⼀張襯圖：例如指頭遮擋的畫⾯。 運作模式定義：以⽅形圖片平⾯的邊線處可以翻折並向內拉⼀定的距離。翻折區域為不等四邊形或三⾓形。 技術難度在於隨著任何互動操作，將翻折的片段圖片與置底的片段圖片的縫合，以及操控的內部座標的控制 不在核⼼範圍的功能 1. 對具體的牌⾊圖樣，要每⼀邊能翻折到多裡⾯，是在整合設計時處理。 2. 不做圖片圖樣的分析：包括牌⾊具體圖樣的探測，以及指頭遮擋的透明層 / 非透明層的探測。 3. 翻牌的網⾴區域，為外在限制因素：如果外圍區域太⼩，甚⾄比牌更⼩，理當無可順暢翻牌。 4. 翻轉整張圖片是另⼀種比較普遍的操作，稱為 flip 或 slide

Nuxt/Next.js SEO網站開發

【為什麼需要 SSR？】 擔心 SPA 單頁式網站導致 Google 抓不到內容嗎？本服務採用 Nuxt.js / Next.js 伺服器端渲染技術，專為追求「搜尋排名」與「秒開速度」的品牌打造。 ✨ 服務核心價值： 極致 SEO： 解決前後端分離痛點，確保 Google 完美收錄。 秒開體驗： 優化 Core Web Vitals 指標，提升留存率。 社群友善： 動態 OG Meta 設定，讓 Line/FB 分享連結更吸睛。 🛠 適用對象與場景： 品牌形象官網、內容行銷部落格 (Blog)。 已有後端 API 之系統、或無需資料庫之靜態網站。 💰 計價：此為 「前端架構 + SSR 開發」 之起跳價，不包含資料庫建置與後端 API 開發。 若需串接現有 CMS (如 WordPress/Strapi) 或從零開發全端系統，請提供需求規格，將依複雜度另行報價。 📅 預估工期： 單一模組約 10~15 個工作天。 若需完整系統工期，請提供規格書評估。

網頁前端開發

提供一頁式品牌網站設計與前端開發，適合品牌展示、服務介紹與諮詢轉換使用。 服務內容包含： 1. 依現有簡報或文字資料整理網站架構 2. 規劃首頁主視覺、品牌介紹、服務項目、特色差異、服務流程與聯絡 CTA 3. 製作電腦版與手機版 RWD 響應式版面 4. 使用 Nuxt / Vue 或靜態網頁方式開發 5. 設定 LINE、WhatsApp、Email 等聯絡入口 6. 基本動畫與互動效果 7. 協助部署上線或提供上線教學 8. 交付原始檔與基本操作說明 不包含後台 CMS、多語系、複雜表單系統、文案全新撰寫與大量圖片設計；如有需要可另行報價。