HODA Property · Website Renewal · 2026.10

禾大屋管 官網改版|主題風格提案

三個前台主題方向,皆包含首頁完整視覺與 LINE OA 六宮格 Rich Menu(房東版/房客版),另附後台管理介面 Prototype。點選卡片開啟各提案。

定案|風格 D「長鏡」完整 Demo

對應租寓全站功能,加上後台與 LINE OA。所有資料皆為示意。

前台網站 預覽
FRONT · 15 頁

前台網站

首頁、屋主專區、免費評估、找房(篩選+地圖)、物件頁、工程翻新、關於、房客專區、房東知識、FAQ、登入、房客/房東會員中心、English。

開啟 Demo
後台管理 預覽
ADMIN · 11 模組

後台管理

總覽、諮詢、物件上架、預約看房、會員、線上簽約、線上繳租、維修工單、LINE OA、內容、權限。

開啟 Demo
LINE 官方帳號 預覽
LINE OA

LINE 官方帳號

房東版/房客版 Rich Menu、可互動手機聊天室、Flex 推播卡、6 個 LIFF 頁(評估、報修、繳租、合約、看房、綁定)。

開啟 Demo

第二輪|風格感受頁

只做 Hero 與 2–3 段捲動,專注質感與動態。請以全螢幕開啟並觀看開場動畫。

長鏡 Long Take 預覽
MOOD D

長鏡 Long Take

電影感:台北暮色全幅影像、慢推長鏡頭、膠片顆粒與幕簾開場。像一支建案形象片。

感受風格
素光 Solid Light 預覽
MOOD E

素光 Solid Light

建築極簡:清水模、一道光、嚴謹格線。光縫開門開場、光斑隨捲動移動。

感受風格
Nacre 珠光 預覽
MOOD F

Nacre 珠光

流體光感:WebGL 流動漸層與 3D 透光玻璃屋,捲動時房子跟著移動。輕盈、未來。

感受風格

第一輪|完整首頁提案

主題 A 首頁預覽
THEME A

靜奢 · Quiet Estate

像為房東出版的季刊:雜誌章節編排、襯線字、大留白與古銅金。把「長期守護」講成低調沉穩的資產管理品牌。適合重視信任感的資深、多戶房東。

開啟提案
主題 B 首頁預覽
THEME B

Nightwatch OS

深色未來感,把禾大做成一套「24 小時在線的數位管家」:漂浮的房東儀表板、粒子星網、滑鼠光暈與捲動敘事。動態感最強,突顯數位帳務與 48hr 工單。

開啟提案
主題 C 首頁預覽
THEME C

晴日 Bento

明亮輕盈的 bento 資訊卡、柔和大圓角與生活感照片,把「每月準時入帳、48hr 維修、報表推送」一眼看懂。親和力最高,適合年輕房東與繼承房產者。

開啟提案
BACK OFFICE PROTOTYPE

後台管理介面

禾大內部員工使用(管理者/專員/工班)。右上角可切換 A/B/C 三套 skin,對應所選前台主題。

  • 總覽儀表板
  • 諮詢名單
  • 物件管理
  • 房東與房客
  • 租約與帳務
  • 維修工單
  • LINE OA 管理
  • 內容管理
  • 帳號權限
開啟後台
後台總覽預覽
示意內容照片皆為 Unsplash 示意圖;見證、儀表板數字、案例細節為示意文案,正式版需客戶提供真實資料與授權。
待客戶確認自管物件數(現站同時出現 10+/40+)、公司名稱用字(禾大/和大工程)、服務區域是否含新北市、Logo 原始檔。
LINE OARich Menu 規格 2500×1686、2×3;房東版為預設,第 6 格以 postback 切換房客版。報修與評估以 LIFF 表單在 LINE 內開啟。