案例:設計師用 Lovable 三天做出接案作品集

完全不會寫程式的 UI 設計師,如何用 AI 做出專業的作品集網站。

小美是一位自由接案的 UI 設計師。她會 Figma,但完全不懂程式。 痛點: 作品都在 Behance 和 Dribbble,但沒有自己的網站。 想要一個專業的個人網站來接更好的案子。 Day 1:規劃與設計 小美用 Claude 規劃網站結構: 我是 UI 設計師,想做個人作品集網站。 需要的頁面: 1. 首頁(簡介 + 精選作品) 2. 作品集(分類展示) 3. 關於我 4. 聯絡方式 風格:簡約、專業、有設計感 Claude 給了她完整的網站架構和內容建議。 Day 2:用 Lovable 製作 小美把 Figma 設計稿截圖,貼給 Lovable: 用這個設計風格做首頁。 - 深色背景 - 作品用卡片展示 - 滑鼠 hover 有動畫 Lovable 30 秒生成了第一版,她用對話調整細節。 調整次數: 約 15 次對話 Day 3:完善與上線 新增其他頁面 連結社群帳號 設定 Google Analytics 購買網域並連接 總費用: 項目 費用 Lovable 免費版 網域 $12/年 總計 $12 結果 網站上線第一週就收到 2 個諮詢 第一個月成交 1 個專案 客戶說「網站很專業,讓我信任你的設計能力」 小美的心得: 「以前一直覺得做網站很難,沒想到現在這麼簡單。」