帳戶中心 
案件管理 174
提案數
0
諮詢數
0
成交數
83%
回覆率
- 軟體開發類
- AI 應用開發
- 網頁設計類
- AI 自動化流程
- AI 導入顧問
- ＋5
浮石數位致力於為客戶提供全方位的數位解決方案。我們專精於高規格網站設計、客製化軟體開發以及智慧機器人技術，將複雜的技術轉化為直觀、高效的服務體驗。從概念發想到最終落地，浮石數位始終以精湛的工藝與前瞻的視野，助您在數位浪潮中築起核心競爭力。
作品（2）
企業形象官網設計與部署
嘉風興業有限公司為台中霧峰的工業通風降溫設備廠商，產品涵蓋負壓與正壓排風扇、變頻水冷扇、渦流式強力送風機、環保空調與降溫水濂牆，主要服務工廠、溫室與畜牧場。原官網建置於通用 CMS 平台，資訊架構分散、行動裝置體驗不佳，產品規格也缺乏一致的呈現方式。本次將整站重製為純靜態網站，不依賴前端框架與後端服務，產出可直接部署的 HTML。 ▍資料驅動的建置流程 先解析原站頁面，僅萃取產品型號、規格表、圖片與聯絡資訊等事實資料，整理為結構化 JSON 資料源，再以自行撰寫的 Python 建置腳本產生全站 70 個頁面：首頁、關於嘉風、產品資訊、工程實績、聯絡我們五個主要頁面，加上 64 個產品詳情頁。內容涵蓋 64 項產品、11 個產品分類與 23 張工程實績照。行銷文案全數重新撰寫，未沿用原站內容。日後產品增修只需更新資料源並重新執行建置，維護成本極低。 ▍設計與介面 以「工業精密」與「企業信賴」為視覺方向，建立以 CSS 變數為基礎的設計系統，主色採工業藍搭配 teal 點綴，色彩對比逐項比對 WCAG AA 標準。互動以 5KB 原生 JavaScript 實作，零第三方依賴，包含黏性導覽列、行動版選單、捲動揭示、產品分類即時篩選（支援分類網址深連結）、產品圖庫縮圖切換，以及支援鍵盤操作與焦點鎖定的圖片燈箱。全站響應式，手機至桌機一致。 ▍效能與 SEO 建立自動化圖片處理流程：原圖統一校正方向並壓縮至最長邊 1600px，另產 480px 卡片縮圖與 406 張 WebP 副本，以 picture 標籤提供並保留原圖回退。首頁主視覺預先載入，所有圖片於建置階段讀取實際尺寸寫入寬高屬性，避免版面位移。每頁配置獨立的標題、描述、canonical 與 Open Graph 標籤，嵌入 Manufacturer 與 WebSite 結構化資料，並產出收錄 69 個網址的 sitemap。 ▍負責範圍 資訊架構規劃、視覺設計、前端開發、建置腳本撰寫、圖片與 SEO 優化、全站文案撰寫、網站部署，以及後續的內容更新與長期維護。
- 網站架設
浮石數位形象官網
作品網址：https://floatstone.net 浮石數位是一間網路服務工作室，官網的任務不是介紹服務，而是先讓訪客相信「能做出這個網站的人，技術沒問題」。因此設計方向一開始就定調：極度克制的黑，配上極度講究的金屬銀，讓品牌標誌本身承擔全部情緒——不靠資訊量說服，靠質感說服。 色彩採單色金屬語彙。五階純黑構成背景層次，搭配冷、暖兩組銀色與金屬漸層，刻意不引入任何彩色強調色；互動狀態一律以亮度提升與細微的邊緣光表現，避開常見的霓虹科技風。全站色票、字級、間距與緩動曲線全部收斂為設計 token，頁面與元件不寫死任何色碼，改一次即全站生效。 字體以 Archivo 的大寫大字距承接標誌的骨感，內文採 Inter 搭配思源黑體，技術標籤與數據走等寬字，中英各自指定字族與字距，確保混排時重心一致。 動態的原則是「有重量」：微互動控制在 200 至 320 毫秒、場景轉場 600 至 1200 毫秒，一律慢進慢出，不做彈跳。首屏標誌隨捲動縮小、飛向左上角定位，成為常駐的回到頂端標記；內頁捲動帶入慣性平滑，維持滑過冰面的順滑感。同時完整支援系統的減少動態偏好，關閉動效後內容依然完整可讀；正文對比達 AAA，觸控目標 44px 起跳。 技術面以 React 19 與 TypeScript 建置，中英雙語，含部落格與案例系統。建置流程最後以無頭瀏覽器預渲染出雙語靜態頁並植入結構化資料，讓沉浸式的視覺體驗不犧牲 SEO 與首屏可讀性。
- 形象網站設計
作品（2）
企業形象官網設計與部署
嘉風興業有限公司為台中霧峰的工業通風降溫設備廠商，產品涵蓋負壓與正壓排風扇、變頻水冷扇、渦流式強力送風機、環保空調與降溫水濂牆，主要服務工廠、溫室與畜牧場。原官網建置於通用 CMS 平台，資訊架構分散、行動裝置體驗不佳，產品規格也缺乏一致的呈現方式。本次將整站重製為純靜態網站，不依賴前端框架與後端服務，產出可直接部署的 HTML。 ▍資料驅動的建置流程 先解析原站頁面，僅萃取產品型號、規格表、圖片與聯絡資訊等事實資料，整理為結構化 JSON 資料源，再以自行撰寫的 Python 建置腳本產生全站 70 個頁面：首頁、關於嘉風、產品資訊、工程實績、聯絡我們五個主要頁面，加上 64 個產品詳情頁。內容涵蓋 64 項產品、11 個產品分類與 23 張工程實績照。行銷文案全數重新撰寫，未沿用原站內容。日後產品增修只需更新資料源並重新執行建置，維護成本極低。 ▍設計與介面 以「工業精密」與「企業信賴」為視覺方向，建立以 CSS 變數為基礎的設計系統，主色採工業藍搭配 teal 點綴，色彩對比逐項比對 WCAG AA 標準。互動以 5KB 原生 JavaScript 實作，零第三方依賴，包含黏性導覽列、行動版選單、捲動揭示、產品分類即時篩選（支援分類網址深連結）、產品圖庫縮圖切換，以及支援鍵盤操作與焦點鎖定的圖片燈箱。全站響應式，手機至桌機一致。 ▍效能與 SEO 建立自動化圖片處理流程：原圖統一校正方向並壓縮至最長邊 1600px，另產 480px 卡片縮圖與 406 張 WebP 副本，以 picture 標籤提供並保留原圖回退。首頁主視覺預先載入，所有圖片於建置階段讀取實際尺寸寫入寬高屬性，避免版面位移。每頁配置獨立的標題、描述、canonical 與 Open Graph 標籤，嵌入 Manufacturer 與 WebSite 結構化資料，並產出收錄 69 個網址的 sitemap。 ▍負責範圍 資訊架構規劃、視覺設計、前端開發、建置腳本撰寫、圖片與 SEO 優化、全站文案撰寫、網站部署，以及後續的內容更新與長期維護。
- 網站架設
浮石數位形象官網
作品網址：https://floatstone.net 浮石數位是一間網路服務工作室，官網的任務不是介紹服務，而是先讓訪客相信「能做出這個網站的人，技術沒問題」。因此設計方向一開始就定調：極度克制的黑，配上極度講究的金屬銀，讓品牌標誌本身承擔全部情緒——不靠資訊量說服，靠質感說服。 色彩採單色金屬語彙。五階純黑構成背景層次，搭配冷、暖兩組銀色與金屬漸層，刻意不引入任何彩色強調色；互動狀態一律以亮度提升與細微的邊緣光表現，避開常見的霓虹科技風。全站色票、字級、間距與緩動曲線全部收斂為設計 token，頁面與元件不寫死任何色碼，改一次即全站生效。 字體以 Archivo 的大寫大字距承接標誌的骨感，內文採 Inter 搭配思源黑體，技術標籤與數據走等寬字，中英各自指定字族與字距，確保混排時重心一致。 動態的原則是「有重量」：微互動控制在 200 至 320 毫秒、場景轉場 600 至 1200 毫秒，一律慢進慢出，不做彈跳。首屏標誌隨捲動縮小、飛向左上角定位，成為常駐的回到頂端標記；內頁捲動帶入慣性平滑，維持滑過冰面的順滑感。同時完整支援系統的減少動態偏好，關閉動效後內容依然完整可讀；正文對比達 AAA，觸控目標 44px 起跳。 技術面以 React 19 與 TypeScript 建置，中英雙語，含部落格與案例系統。建置流程最後以無頭瀏覽器預渲染出雙語靜態頁並植入結構化資料，讓沉浸式的視覺體驗不犧牲 SEO 與首屏可讀性。
- 形象網站設計
服務（6）
評價（0）
--
尚無資料
--%
專案完成率
尚無資料
諮詢印象
尚無資料，期待您聯絡後的真實感受
- ??
- ??
- ??
- ??
- ??
- ??
- ??
- ??
專案執行
尚無資料，給新星專家一個展現的機會！
整體推薦
溝通契合
專業能力
準時交付
回覆速度