東基開發建設｜品牌官網改版：用減法設計修補資訊斷層

專案背景

東基開發建設於民國 76 年成立，是美源建設集團的關係企業，以「改良式自主更新」與委建模式，協助地主在都市更新與危老重建中自己當起建主。東基只收取專案管理顧問費，不與地主分屋。這是一門需要長期信任的生意，地主把一生最大的資產交託出來，最先接觸到的往往就是官網。

原有網站面臨資訊傳遞斷層，設計與訊息架構缺乏系統性整理，訪客難以理解品牌核心價值。龐雜的部落格與建案登入功能因無人維護而形同虛設，反而讓網站看起來疏於經營。

核心挑戰

客戶內部負責網站的人力有限，舊網站資訊雜亂導致訪客離開。我們要解決三件事：

• 讓第一次來的地主看懂東基在做什麼、和一般建商有什麼不同
• 讓中高齡的主要客群讀得舒服，不需要放大畫面、也不會在選單裡迷路
• 讓少數人力就能持續更新網站，不再出現沒人管的角落

解決方案

我們用減法重整架構：取消部落格與會員登入，把資源集中在建案展示、品牌介紹與詢價。導覽列整理成「看見東基、更新版圖、東基學堂、尊享客服、建案一覽、美好東基、服務流程」幾個清楚的入口，右上角固定一顆橘色的「聯絡我們」。全站共用米白底色、襯線標題與橘色按鈕，每一頁看起來都屬於同一個品牌。

桌機

首頁第一屏是團隊與地主在接待中心、建案模型前的大合照。對都更客戶來說，先看到「是哪些人在做這件事」，比任何標語都更有說服力。

緊接著是「關於東基」。左側只放英文小標，右側用大字級、寬行距交代公司沿革與「改良式自主更新」的服務模式，最後一顆按鈕帶往影片。手機上同一段文字改成單欄，字級沒有縮水。

品牌承諾「讓我們成為您資產的忠實顧問」單獨占一段，置中的一行標題，下方接上地主在接待中心看平面圖的現場照片。

「顧客終身價值」用一張金色卡片做為視覺焦點，右側分點說明信任回饋、完工後的延伸服務與社區共好，讓「不是一次性買賣」這件事具體可見。

「讓願景發生」以直排標題壓在暖色調的接待中心照片上，是整頁節奏放慢的一屏。之後接「東基快訊」，用三張建案照片卡帶往個別建案。

手機

手機版的頁首只留標誌與選單鍵。展開後，選單不是一長串連結，而是依「看見東基、更新版圖、東基學堂」等主題分組，每一項前面配一個小圖示，例如關於東基、終身價值、初心與願景、回憶保存計劃、東基大事紀。長輩用手機也能照分類找到想看的內容，不必猜連結背後是什麼。

內頁在手機上一律改成單欄：照片在上、英文小標與中文標題居中，內文維持大字級與寬行距。各頁結尾都是同一組電子報訂閱、社群圖示、電話與地址，按鈕做成整條寬度，手指很好按。

關鍵設計

拿掉部落格與會員登入

功能不是越多越好。舊網站的部落格與建案登入因為沒有人維護，反而讓網站看起來疏於經營。在人力有限的前提下，我們建議把資源集中在真正會被使用的地方：建案展示與品牌介紹。拿掉不用的功能，網站反而變得更可信。

為高齡讀者設計

購屋與建案的決策者，有很大一部分是中高齡族群。我們放大字體、增加行距，並把導覽路徑設計得一目了然。每個區塊都是「英文小標、中文標題、內文」同一套結構，讀過一段，就知道下一段怎麼讀。

「看見東基」頁用一座三層的金字塔說明價值觀、使命與願景，旁邊是完整的文字說明。抽象的理念有一張圖可以對照，讀起來比較不吃力。同一頁還有「回憶保存計劃」，介紹東基如何用影像與文字，替重建前的老屋留下住戶的故事。

更新版圖：把經驗放回地圖上

「更新版圖」把歷年建案標在台北的城市空拍圖上，民生段、大智段、學府段、美源金典等名稱各自一個標籤，地主一眼就能看出東基的經驗分布在哪些區域。

下方的「東基大事紀」是一條直向時間軸，從 1987 年成立東基開發建設開始，逐年列出完成的建案與地段，每一筆都附實景照片。

東基學堂：把都更流程講成三個步驟

都更與危老重建牽涉的程序很多，地主最常卡在「現在走到哪一步」。「東基學堂」把流程整理成「都更重建流程三部曲」：整合階段、審議階段、重建階段，每個階段一張現場照片，旁邊列出編號清楚的細項，例如簽約 80%、成立地主重建會、公辦公聽會、信託融資。頁面後段還有依主題分類的常見問答，回答土地信託、如何判斷合作建商等問題。

建案一覽：所有建案集中在一處

「建案一覽」把每個案子整理成一張照片卡，標示行政區與地段，例如台北市松山區民生段、新北市新店區順安段、新北市中和區大智段。訪客不用在不同頁面之間找，一頁就能比較。手機上卡片改成單欄，照片依然完整呈現。

「服務流程」則用六個編號圓點，從地主或老闆、委託、提供土地、信託抵押、銀行融資走到自地自建，每一步只用一兩行說明。頁尾附上公司位置地圖，方便地主直接前往接待中心。

在決策點放上行動呼籲

導覽列右上角的「聯絡我們」在每一頁都看得到，用品牌橘色與其他選單區隔。「顧客終身價值」等長段落的結尾也各有一顆「聯絡我們」。頁尾則放上電子報訂閱、公司地址、電話與社群連結，看完建案、還在考慮的訪客，也有一個不必立刻打電話的方式保持聯繫。

用實景照片傳遞溫度

網站大量使用接待中心、活動現場與團隊的實景照片。「美好東基」專區把這些時刻集中成一面照片牆，「尊享客服」頁的「東基剪影」則以輪播呈現開工典禮等現場，讓品牌的溫馨不是一句形容詞，而是看得見的畫面。

後台與維運

客製化後台的設計前提，是內部只有少數人力負責網站。新增建案、更新圖片與文字，都能像填表單一樣完成，不需要工程師介入，網站才會一直保持最新的樣子。

• 新增建案
• 更新網站上的圖片
• 修改各區塊的文字內容

成果

• 顯著提升資訊易讀性與停留時間
• 有效轉換客戶，詢價互動增加
• 內部維護成本大幅降低
• 字級行距重整，後台簡單到不需要教第二次

給建設與房地產業的建議

建設公司的官網常常是建案資訊的第一站，改版前可以先確認：

1. 網站上有沒有無人維護的功能？ 過期的公告和空白的會員區，比沒有更扣分。
2. 主要客群看得清楚嗎？ 字級、行距和對比，對中高齡讀者影響很大。
3. 誰負責更新？ 如果只有一兩個人兼著做，後台就必須簡單到不需要教第二次。