精準冷凍治療儀 · 醫療器材品牌官網
2026
CryoPen 為精準冷凍治療儀，採用 N₂O 氣瓶提供 -89°C 的冷凍治療、無需液態氮，並取得 FDA 註冊、CE 與 TFDA 認證，廣泛應用於皮膚科、足病科、婦產科、小兒科、家醫科與獸醫等領域。
台灣官方代理為推廣 CryoPen 並整合合作院所網絡，重新打造品牌官網，以醫療專業形象為核心，串連產品功能、適應症、操作教學、合作院所與產品耗材等資訊。
前端採用 Astro 5 搭配 Vue 3 islands 與 TailwindCSS，運用 GSAP 動效、儀器特寫、冷色調醫療科技視覺與清晰的資訊分層，營造精密醫療設備的質感，並針對院所採購與一般使用者提供完整的決策資訊。
以「精準冷凍治療・重新定義」為主標，搭配 CryoPen 儀器特寫與設備性能面板（-89°C 組織內溫度、3mm/15 秒、50–55 bar、5 年保固），凸顯精密醫療器材的專業形象
介紹採用 N₂O 氣瓶提供 -89°C 精準冷凍、無需液態氮、可控深度與壓力等核心優勢，強調操作安全、耗材便利與治療精準度
完整列出皮膚科、足病科、婦產科、小兒科、家醫科等適應症與治療範圍，以圖文說明各科別的臨床應用情境
獨立呈現獸醫科的動物冷凍治療應用，區隔人體醫學與獸醫市場，協助不同客群快速找到對應資訊
以「選擇適合的噴嘴 → 進行第一次冷凍 → 第二次冷凍完成治療」三步驟圖解，清楚呈現標準操作流程，降低院所學習門檻
彙整授權與合作院所資訊，讓使用者查找鄰近的可治療診所，建立品牌信任並導引實際就診
清楚列出機型、噴嘴與 N₂O 氣瓶等耗材資訊，協助院所了解產品線與後續耗材採購
以 FAQ 解答治療與採購常見疑問，並提供「索取產品資訊」諮詢表單，整合表單驗證與通知，提升業務開發轉換
前端以 Astro 5 建構，採 Islands 架構：產品介紹、適應症、操作教學等內容以靜態 HTML 輸出，互動區塊（表單、選單、輪播等）再以 Vue 3 島嶼掛載，兼顧首屏載入速度與互動體驗。
以 TailwindCSS 建立一致的冷色調醫療設計語彙與間距系統，並以 GSAP 製作捲動進場與區塊動效；採行動優先的響應式版面，確保桌機、平板與手機皆有清晰的閱讀層次與良好操作體驗。
針對「選擇噴嘴 → 第一次冷凍 → 第二次冷凍」操作流程設計圖文步驟區塊，並以人體醫學與獸醫應用分流呈現，讓不同科別與客群快速取得對應資訊。
合作院所資訊以結構化資料維護並於前台呈現；諮詢／索取產品資訊表單具備前端驗證與通知機制，協助蒐集潛在院所名單，串連實際業務開發。
針對冷凍治療相關關鍵字客製 meta tags 與 Open Graph 圖檔，並導入 MedicalDevice、Organization、BreadcrumbList、FAQPage JSON-LD Schema 強化結構化資料覆蓋，搭配 sitemap.xml 自動產生，提升搜尋與社群分享的呈現。
透過 Netlify 進行 CI/CD 與全球 CDN 部署，搭配 WebP 圖片與靜態快取，確保 Lighthouse Performance / Accessibility / SEO 維持高分與穩定的全球載入速度。
