EkoCheras Mall｜購物中心 3D 官網：整座蕉賴，就是首頁

專案背景

EkoCheras Mall 位於吉隆坡蕉賴，一樓有 180 米有蓋天橋直通 MRT Taman Mutiara 站，館內 285 家商店與餐廳分布在四個樓層，周邊停車位超過 4,000 個。它的官網卻停在 2018 年：首頁是圖庫照片與口號，找店要另開樓層頁翻平面圖，「怎麼來」只有一段文字，而且只有英文。

這是留白設計以 EkoCheras Mall 為題的概念提案：如果購物中心的官網不是一疊頁面，而是一張地圖，會是什麼樣子？

從訪客需求出發：店在哪、怎麼去

分析訪客行為之後，答案很集中：多數人進站只想確認某家店在不在、在哪一層，以及搭 MRT、巴士或開車要怎麼到，而且大多用手機。我們也研究了商場方在乎的事：直通 MRT 的天橋、充足的停車位、綠建築，以及租戶與招商。

所以這次改版，3D 地圖不是官網裡的一個功能，而是整個官網。一打開就是商場與周邊街區，所有資訊都在這張地圖上找到。

解決方案

怎麼來 Getting Here

搭 MRT、搭巴士、開車從市區或加影，點一下按鈕，路線就沿著真實路網從起點畫到商場入口，上方橫幅同時顯示距離與預估時間，其他建築轉為半透明，畫面只留下這條路。

出入口與緊急出口

8 個出入口（MRT 天橋、主入口、巴士站、停車場）以不同顏色與圖示同時標示，重疊時自動錯開，不會被遮住。緊急出口與疏散路線一鍵顯示，綠色路線通往集合點。

找店 Store Directory

285 家店依「主力商店、餐飲、時尚、美容與健康」等分類整理，也能直接搜尋店名。選了店家，pin 就落在店的位置，資訊卡顯示樓層、單位與 logo，一鍵查看從 MRT 怎麼走，每家店也都有自己的分享連結，方便租戶宣傳。

白天與夜晚

一個按鈕切換白天與夜晚。白天是陽光、雲層與陰影，夜晚則只點亮 EkoCheras Mall，周邊建築退到暗處，留下路燈、車燈與列車的窗光，讓視線停在商場本身。

手機優先 Mobile First

所有功能都收進畫面下方的一列面板，左右滑動或拖曳切換，手機上地圖依然佔滿畫面。手機版另外降低運算量，滑動與縮放保持流暢。

一張地圖整合整個網站

活動與公告、營業時間、交通、設施都在面板裡，「關於商場」以彈窗呈現，招商、詢問與意見回饋整合成一份表單。英文、馬來文、簡體中文全站切換，連地圖上的標示與店家卡片都會跟著換。所有內容由內容後台管理，商場可以自己更新店家、活動與出入口位置。

成果

• 首頁就是 3D 地圖，一進站就看見商場、MRT 與周邊街區
• 搭 MRT、巴士、開車三種路線動態指引，附距離與時間
• 8 個出入口與緊急出口清楚標示，285 家店依分類找到並落點
• 白天夜晚切換、三語與內容後台，網站跟得上館內的節奏

給購物中心與零售品牌的建議

購物中心的官網，本質上是一份會動的導覽圖。改版時可以思考：

1. 先回答「怎麼去」：交通與入口是訪客最常問的問題，用地圖回答比文字快。
2. 讓每一家店都被找到：分類、搜尋、落點，最後都該帶訪客走到店門口。
3. 3D 要為導覽服務：效果再好，也要讓訪客更快找到店，而不是只為了好看。