繽紛商圈 - 商業發展署 - KYART光沅創意

繽紛商圈 – 商業發展署

繽紛數位商圈平台,是經濟部商業發展署串聯全國商圈的官方入口。我們以「繽紛數位.商圈新風貌」重新設計前台,從插畫臺灣地圖導覽全國商圈、數位福袋優惠店家地圖,到計畫專區、商圈活動與商圈櫥窗,帶民眾走進每一家特色店鋪;後台建置全國商圈數據儀表板、各類帳號與權限控管,以及支援前後版差異比對的內容審核機制,讓管理決策與審核都更有效率。

Task

為經濟部商業發展署改版繽紛數位商圈平台,前台串起全國商圈、商圈活動與計畫資訊,後台建置數據儀表板、帳號權限與內容審核機制

  • Strategy

    「繽紛數位.商圈新風貌」視覺、臺灣地圖分區導覽全國商圈、數位福袋優惠店家地圖、計畫專區與商圈活動、全國商圈數據儀表板、角色權限與前後版差異比對審核

  • Design

    UI/UX Design, Illustration, Web Development, Dashboard, Accessibility, RWD

  • Client

    經濟部商業發展署 serv.gcis.nat.gov.tw/district

Open Project

繽紛商圈官方網站

https://serv.gcis.nat.gov.tw/district

「走進商圈,探索各式各樣的店家,深入感受每一角落散發的特色,每一步都可能邂逅獨特風情。」

商圈風華,是傳統與現代、前衛時尚與傳統手作的交織。經濟部商業發展署與各縣市政府長年推動商圈發展,從活絡商圈補助、數位商圈應用能力提升,到商圈及傳統市場設計加值,一項項計畫與活動,都需要一個讓民眾、商圈組織與地方政府共同使用的入口。繽紛數位商圈平台,就是這個入口:運用數位科技,帶著來訪者遊走於每一家特色店鋪,美食、娛樂與購物,等待開啟專屬的非凡體驗。

全國數百處商圈的資料,加上源源不絕的計畫公告與活動,讓舊版平台越來越吃力。我們接下平台改版的任務,前台以「繽紛數位.商圈新風貌」重新設計,讓民眾一進站就想出門逛商圈;後台則為商業署、縣市政府與執行單位,建置札實的數據儀表板、帳號權限與內容審核機制,讓管理與決策更有效率。

 

1、繽紛數位,商圈新風貌:

以彩虹漸層與稜鏡般的光影為底,搭配等角插畫的城市街景與商店,呼應「繽紛數位.商圈新風貌」的品牌標誌。首頁從主視覺輪播與商圈搜尋開場,接著是最新消息、「商圈逛起來」臺灣地圖、商圈風華、商圈活動與商圈櫥窗,一路往下捲,就像逛進一條熱鬧的街。

2、全國商圈,一張地圖逛到底:

插畫式臺灣地圖分為北、中、南、東與離島五區,點選任一區即彈出縣市清單;縣市頁以行政區地圖與篩選快速找到商圈,每個商圈都有獨立介紹頁:主視覺輪播、商圈故事、組織名稱、商圈範圍、地址與地圖定位。參與數位福袋的店家則標示在地圖上,點選就能看到店家介紹與優惠,讓逛商圈多了一份驚喜。

3、計畫專區、商圈活動與商圈櫥窗:

計畫專區集中最新消息與申請辦法,申請資格、輔導重點、提案流程以群組卡片呈現,後台可自由新增、排序與開關;商圈活動依特色展會、地方活動、商圈課程分類;商圈櫥窗分享各地商圈的輔導成果與故事;下載專區提供多種格式的申請文件。全站 RWD 響應式設計,並通過無障礙 AA 檢測。

4、全國商圈數據儀表板:

後台建置札實的全國商圈數據統計儀表板,以圖表、表格與臺灣地圖呈現各縣市商圈與計畫的整體樣貌,依年度與地區篩選即可同步更新,讓商業署一眼掌握全國商圈的發展現況,作為管理與決策的依據。

5、帳號權限與前後版差異比對審核:

商業署、縣市政府與執行單位等不同身分,依角色設定功能權限與可檢視的資料範圍。縣市政府與執行單位送審後資料即凍結,審核者可單筆或批次審核,每一次結果都留下審核紀錄並自動通知;審核時更能比對前後版本的編輯差異,一眼看出這次改了哪些地方,大幅加速審核的效率。

走進商圈,

每一家店都有自己的故事;

一個平台,

讓全臺的繽紛風貌,被更多人看見。

 

繽紛商圈官方網站

https://serv.gcis.nat.gov.tw/district

感謝 Connie / Zoe / Bomba / Linda / Yuurin / Teen / Luke,因為有你們,讓全臺商圈的繽紛風貌,都有了被看見的舞台。

The team

Meet our
design team.

Project Management

— 郭光耀 Brad Kuo
專案總監

— Connie Lin
專案營運總監

Art Direction

— Zoe Wang
視覺藝術總監

Creative Design

— Zoe Wang
— Linda Lee

視覺設計

Web Development

— Bomba Tsai
— Linda Lee

前端互動設計師

Vue Development

— Teen Yang
— Yuurin Lee

前端開發工程師

API Development

— Luke
後端技術整合工程師

Let’s talk about your website design

Got a Project?
來聊聊吧!

我們珍惜認真看待每一次與客戶聯繫的機會,期待為不同客戶演譯夢想,
運用我們美感天賦與實戰經驗,為您服務設計。

Back