連展電能網頁設計

連展電能

網頁設計手機圖示 網頁設計桌機圖示 網頁設計平板圖示

停車充電,無感體驗,創造電動車智慧生活

連展電能專注於電動車充電設備的研發與建置,服務涵蓋商用場域、公有停車場與社區建案等多元應用。本次網站專案以「創造電動車智慧生活」為核心概念,透過清楚的功能分類與應用說明,讓用戶快速理解充電樁規格、充電服務位置與平台優勢。

視覺設計延續科技藍綠色系,搭配簡潔圖示與模組化內容呈現,展現品牌專業與現代感。新版網站有效強化連展電能在智慧移動領域的專業定位,協助拓展政府與大型企業合作機會。

產業標籤

客戶背景

全台佈局的電動車充電與智慧停車基礎設施服務商

連展電能是台灣電動車充電基礎設施領域的專業服務商,核心業務涵蓋電動車充電站的建置、管理與維運,同時深入智慧停車場的整合管理,據點遍及全台各主要城市與商業區。 


隨著台灣電動車市場快速成長,充電基礎設施成為品牌信任的關鍵環節。連展電能不只提供硬體設備,更著重充電體驗的便利性——從位置查詢到即時狀態確認,每一個使用者接觸點都是品牌服務力的展現。 


為了讓網站真正成為充電服務的「線上入口」而非僅止於形象頁面,連展電能與創造力合作,透過地圖 API 技術整合,打造出能即時反映全台充電站狀態的互動查詢系統,大幅提升官網的實用價值與使用者留存。

設計挑戰

多據點服務型企業的官網,若只是一個靜態的品牌形象頁,等於把最有價值的服務資訊關在門外。在規劃連展電能官網時,我們從使用者實際需求出發,梳理出以下四個核心挑戰:


充電站分佈全台,使用者卻找不到附近可用的充電設備

連展電能據點遍及全台,但使用者若缺乏即時查詢工具,往往需要透過第三方 App 或 Google 搜尋才能找到充電站,導致轉換流失在站外。

充電站狀態即時性不足,靜態頁面無法反映現況

充電站有「空位可用」、「使用中」、「維護中」等多種動態狀態,若網站僅呈現靜態資訊,使用者抵達後才發現設備無法使用,嚴重影響信任感。

多元設備類型與據點資訊複雜,使用者選站缺乏依據

各充電站的設備規格(慢充/快充/超充)、適用車型、收費方式各異,資訊若無結構化呈現,使用者難以在選站前做出正確判斷。

官網功能薄弱,無法成為 App 之外的有效服務入口

品牌雖已有充電 App,但官網停留在形象頁面層次,缺乏實用查詢功能,未能將官網流量轉化為真實的服務互動與用戶留存。

設計策略

網站與Google Maps API 整合,官網即是充電地圖

策略 01:網站與Google Maps API 整合,官網即是充電地圖


我們整合連展電能的官方充電站資料庫與 Google Maps API,在官網建立一套完整的互動地圖功能。使用者進入網站後,能直接在地圖上看到全台充電站分佈,依所在地區或縣市快速篩選,找到距離最近的可用站點,不再需要離開網站另行搜尋。


策略 02:即時充電站狀態查詢,動態數據,精準顯示


傳統靜態頁面最大的缺陷,就是資訊「過期」。我們透過 API 串接連展電能的後台管理系統,讓每個充電站標記都能即時反映當前狀態:可用、使用中、維護中,讓使用者在出發前就能確認設備可用性,大幅降低白跑的機率,直接改善服務體驗。


策略 03:地標點擊詳細資訊,規格、地址、設備類型一目瞭然


點擊地圖上的任一充電站標記,使用者即可查看該站的詳細資訊:地址、充電設備類型(慢充/快充/超充)、適用車型規格,以及開放時間等實用內容。這種「先查清楚再出門」的設計邏輯,讓官網從品牌形象頁升級為真正有服務力的工具型網站。


策略 04:多平台使用體驗優化——官網與 App 形成服務互補


連展電能原有充電 App,但使用者在搜尋充電站時往往先從網站開始。我們設計了官網與 App 的功能互補架構:官網提供免安裝的快速查詢入口,同時引導使用者下載 App 以獲得更完整的充電紀錄與會員服務。兩個平台協同運作,覆蓋更完整的用戶旅程。

常見問題

Q:地圖 API 和直接嵌入 Google Maps 有什麼差別?


直接嵌入 Google Maps(使用 iframe)是最基本的方式,只能顯示固定地點,無法動態更新資訊或客製化互動行為。地圖 API 則讓網站能與地圖服務「雙向溝通」:可以即時載入企業自己的資料庫(如充電站狀態)、新增自訂標記、設計篩選功能,讓地圖真正成為服務工具,而非裝飾性元素。


Q:多據點服務型企業的網站設計,最重要的考量是什麼?


資訊的即時性與查詢效率是第一優先。使用者進到多據點企業的網站,最核心的需求往往是「找到離我最近的服務點」,若這個流程超過 3 個步驟或需要離開網站,就已經造成摩擦。其次是跨裝置體驗:使用者多半在手機上查詢,地圖與資訊必須在小螢幕上同樣易讀易操作。設計時應將「查詢效率」而非「視覺炫技」放在最高優先序。


Q:我的企業有多個據點,適合在網站導入地圖 API 嗎?


非常適合。只要企業有兩個以上的服務據點,並希望使用者能快速找到最近的服務點,地圖 API 就能發揮價值。常見適用情境包括:連鎖品牌門市查詢、EV 充電站網絡、物流配送站點、醫療診所或服務中心分佈等。API 整合能讓使用者留在官網內完成查詢,不流失到第三方平台。


Q:導入地圖 API 的費用怎麼算?


目前主流選擇有三種:Google Maps API 採用量計費,每月有免費額度,適合一般商業網站;台灣本地的 Map8 採月租授權制,約 3,000~10,000 元,對台灣地址精準度高;Mapbox 則適合需要高度品牌客製化的視覺效果。實際費用依據網站流量、功能複雜度與選用方案而異,建議在專案初期討論需求後再評估最適合的組合。


有合作想法嗎
為什麼選擇創造力