作品集 / 唐林室內設計 官網
唐林室內設計 官網
室內設計公司官網＋模組驅動後台
白話說明室內設計公司官網：用作品集展示案例，客人可線上諮詢。
專案概要
室內設計公司的品牌官網：以作品集展示住宅、商業與新建築案例，另有最新消息、影音報導、獲獎紀錄與線上諮詢表單。
內容由模組驅動的後台維護：欄位定義存在資料庫，新增一種資料不用再寫一套新增修改程式。
我負責
- 功能面
- 後台上架功能
- jQuery 前端互動
技術
功能清單
作品集與分類頁籤住宅、商業、新建築三個分類，以頁籤切換。
案例詳情圖片庫與標籤彙整每個案例多張圖片，作品、消息、影音的標籤彙整成標籤頁。
最新消息消息列表與內頁，後台上架。
影音報導以 YouTube 網址建立影片，內頁嵌入播放。
獲獎紀錄獲獎資訊由後台維護。
首頁橫幅與精選作品管理首頁橫幅與精選作品皆由後台管理。
團隊成員管理後台維護成員資料與照片。
線上諮詢表單驗證碼檢查、存檔並寄通知信。
各頁 SEO 設定與網站地圖每頁標題、關鍵字與描述可設定，並提供網站地圖。
Google 地圖聯絡頁嵌入自訂樣式的地圖與標記。
流量分析與廣告轉換追蹤串接網站流量分析與廣告轉換事件。
後台模組驅動與 Excel 匯出欄位定義存在資料庫，資料可匯出為 Excel。
自寫 jQuery 互動首頁橫幅淡入輪播、捲動進場動畫、作品詳情圖片逐張淡入、返回頂端與手機選單。
線上諮詢流程
示意畫面
| 作品名稱 | 分類 | 發布日 | 狀態 |
|---|---|---|---|
| 範例作品 01 | 住宅 | 2026-01-01 | 已上架 |
| 範例作品 02 | 商業 | 2026-01-01 | 已上架 |
| 範例作品 03 | 新建築 | 2026-01-01 | 草稿 |
| 範例作品 04 | 住宅 | 2026-01-01 | 已上架 |
| 範例作品 05 | 商業 | 2026-01-01 | 草稿 |
整合說明
Google 地圖自訂樣式的地圖與標記。
流量分析與廣告轉換網站流量與廣告轉換事件追蹤。
影片YouTube 嵌入。
通知信線上諮詢送出後寄出郵件通知。