從零開始，為深耕內湖南港逾十年的不動產顧問打造完整的數位品牌內容，涵蓋形象頁、服務頁、文章頁與隱私政策，共 10 個頁面全部獨立製作完成。
客戶為中信房屋內湖五期店處長黃阿偉，深耕內科、南港、汐止地區逾十年，擁有豐富的高端客戶服務經驗。雖具備紮實的房產專業與大量文案素材，但原有網站缺乏系統性的視覺設計與內容架構，難以有效觸及科技菁英與高資產客群。
本專案目標是將客戶提供的文案素材，轉化為具有專業感、閱讀體驗優良的網頁內容，並建立一套可重複使用的設計語言，確保所有頁面風格一致。
從零建立 CSS 變數設計語言，統一金色 #c9a84c、深藍 #16243a、字體、間距，確保 10 個頁面視覺一致。
針對桌面、平板、手機三種裝置分別測試，修正 grid 跑版、文字色彩混淆等問題，確保各裝置正常顯示。
開發 FAQ 手風琴折疊、房源篩選、AI 搜尋、影片 Modal 等互動功能，純 HTML / CSS / JS 無框架依賴。
所有頁面依照 WordPress Elementor HTML 元素規格輸出，客戶可直接貼上使用，無需額外調整。
建立系統性深淺背景切換規範，制定文字顏色覆蓋規則，防止文字與背景色相近導致可讀性問題。
制定圖片插入標準：Hero 圖 1200×480px 全寬、內文圖 1200×600px 置中，統一保持原比例不跑版。
根據客戶提供的文案素材，依照目標客群（科技菁英、40-60 歲資產屋主、30 世代首購族）分別規劃內容結構與敘事策略。三篇深度文章各自針對不同痛點切入：
「30世代買房備忘錄」以情感共鳴開場，用黃金三角定律解構購屋迷思；「賣房老實說」以資深顧問視角點出稟賦效應與實價登錄迷思；「汐止購屋白皮書」以數據試算為核心，提出南港 vs 汐止的具體比較分析。三篇文章皆採用章節化結構、金色引言塊與 FAQ 折疊設計，兼顧閱讀體驗與內容深度。
建立了一套「文案 → HTML → 圖片 Prompt → 插圖」的完整 AI 輔助工作流程，有效縮短圖文整合時間：