網站作品集｜VibeAI 接案網站設計案例

已上線的網站

依 Google 2026 官方 AI 搜尋指南整理的 13 章教學：技術地基、Core Web Vitals、關鍵字與外部連結、AI 爬蟲、量測，附真實健檢截圖、30 天行動計畫和可勾選的 24 項健檢清單。手機 Lighthouse 中位數 97。

在地行銷 · 服務型網站

為 Google 商家驗證與停權申訴服務製作的網站。首頁以台北東區真實街區的 3D 地圖為背景，整理八種常見卡關狀況、處理流程與收費；另有驗證、停權、權限轉移、地址衝突等主題頁與文章。

WOOSTX 正式網站看作品複本

健康養生 · 個人品牌

曾景煌的養生網站。首屏的十二時辰鐘依訪客當下時間亮起，告訴你這兩小時適合做什麼；二十四節氣自動定位到今天，另有養生茶、節氣飲食、時辰養生、泡腳與冬季保暖等養生文章。

養生曾健康正式網站看作品複本

以下為展示用作品，放在本站供瀏覽。

二手車行的網站與手機後台。車輛頁列出車況、配備、里程與價格，可依品牌、價格、車齡篩選排序；合作廠商另有專頁。老闆用手機就能上架新車、拍照上傳、標記已售出。

飛人刷機手機的介紹頁。背景是真實的 3D 城市地圖，手機裡的搖桿可以實際拖動，點東京、紐約、雪梨就瞬移過去；星塵、糖果會自動收集，團戰會自己打。

客製包團、迷你小團與高爾夫球團的旅行社官網。首頁往下捲就像搭機飛行：真實空拍畫面隨捲動前進，從雲層穿越到曼谷、富國島、廈門與球場；精選行程可展開每日安排。

背景是即時運算的 3D 粒子，往下捲會依序變成星系、星球、品牌字樣、DNA，最後爆開；滑鼠靠近會把粒子推開。搭配光暈、捲動色差、底片顆粒、逐字標題、3D 傾斜卡片與磁吸按鈕，手機自動降級。

            $ claude▌
          

零基礎也看得懂的一頁式教學：Windows／Mac 一鍵切換、指令一鍵複製、邊做邊打勾的進度條，從申請帳號、安裝、第一次對話到 Skill 推薦一次講完。

依官方大綱原創的 CCNA 題庫：近兩千道選擇題與配對題都附詳解，42 個實作題附拓樸與完整設定。交換器面板就是導覽，主控台就是搜尋。

台股當沖教學者的一頁式形象網站：背景分時走勢隨捲動跑完一個交易日，整合線上課程、IG、抖音與實戰影片。

建築、衛浴、廚飾與綜合建材品牌形象網站，含互動式 3D 空間與工法剖面呈現。