遊食購 - 商業發展署 - KYART光沅創意

遊食購 – 商業發展署

遊食購,集結臺灣各地商圈的遊、食、購體驗,是經濟部商業發展署打造的在地旅遊生活平台。我們以「跟著主題去旅行」重新設計,從遊、食、購三大主題館、主題特輯、全年度系列活動月曆,到探索地圖、遊程規劃與數位福袋優惠導流;免會員、不留個資,就能收藏喜歡的內容、排出自己的行程,一鍵匯出附QR code的精美PDF與Google地圖路線,帶著走、隨時回訪。

Task

為經濟部商業發展署打造「遊食購」在地旅遊生活平台,集結全臺商圈的遊、食、購體驗與全年度活動,並串聯數位福袋優惠導流

  • Strategy

    遊食購三大主題館與主題特輯、全年度系列活動月曆、探索地圖與遊程規劃、免會員免個資的收藏與行程、PDF與QR code匯出回訪、行動裝置優先

  • Design

    UI/UX Design, Illustration, Web Development, Interactive Map, PDF Export, RWD

  • Client

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

Open Project

遊食購官方網站

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

「集結臺灣各地商圈遊食購體驗,打造在地旅遊生活平台,讓每一趟旅行都充滿精彩」

經濟部商業發展署每年都有許多實體展售、節慶與線上活動,從臺北國際食品展、臺灣美食展到各地市集與消費月,全年度活動資訊集結於遊食購活動平台與數位福袋平台。原本的遊食購以商圈介紹、活動資訊與福袋導流為核心,隨著活動越來越多,平台需要的不只是一則則公告,而是一個能讓人逛起來、收藏起來,真正出發去旅行的入口。

於是我們把遊食購升級為「遊食購」:跟著主題去旅行,順著活動去消費。以主題策展取代資訊堆疊,把遊程、美食與選物整理成可探索、可收藏、可分享的旅程;更重要的是,民眾不必註冊會員、不必留下任何個資,就能把喜歡的內容收進口袋,排成自己的行程帶出門。

 

1、跟著主題去旅行:遊、食、購三館與主題特輯:

首頁以大幅主視覺與「想去哪裡?」搜尋開場,熱門關鍵字一點就找到靈感;遊、食、購三大主題館各有專屬色彩、插畫與卡片外框造型,依地區、類型篩選與排序,逛起來像翻一本旅遊雜誌。主題特輯則能依展會、節慶或城市快速組成活動館,彙整主題故事、相關內容、特輯路線與優惠情報;「今天想做什麼?」心情探索與「推薦給您」,讓還沒決定去哪的人也能找到下一站。

2、全年度系列活動,一張月曆看完:

遊食購系列活動以月份排開全年的實體與線上活動,可依全部、實體、線上切換;左側的系列活動徽章跟著畫面浮動,隨時一點就展開活動月曆。從臺北國際食品展、臺灣美食展到各地市博會與消費月,民眾一眼就能掌握這一年可以去哪裡逛、去哪裡買。

3、探索地圖、遊程規劃與數位福袋導流:

探索頁以地圖呈現全臺商圈、店家與遊食購內容,可依類型、地區與附近位置篩選,清單與地圖點位即時連動;遊程文章附上遊程規劃,店家依序標號、在地圖上連成路線。參與數位福袋的店家直接標示優惠,好康專區與首頁精選優惠地圖串起各區商圈優惠,讓民眾逛內容順手領優惠,再一路走進店裡。

4、免會員、免個資的收藏與行程:

看到喜歡的遊程、美食、選物、活動或店家,按下愛心就收藏,資料只存在使用者自己的裝置上,不需登入、不收集任何個資。右側收藏列依遊、食、購、店家、商圈、活動分類計數,展開抽屜後可搜尋、依商圈篩選、拖曳排序,最近三天的收藏自動排在最前面;點「加入行程」就能把店家依序排成路線,上下調整順序後一鍵匯出Google地圖導航,或用LINE、Facebook、Threads分享給同行的朋友。收藏清單也能產生分享連結,朋友打開就能一鍵把整份清單加入自己的收藏。

5、精美PDF與QR code,帶著走、隨時回訪:

收藏可以一鍵匯出精美PDF:開頭以分類統計卡呈現這趟旅程的活動、遊、食、購、店家與行程站數,每一筆收藏都附上圖片、摘要、可點擊的連結與專屬QR code,行程路線另附 Google地圖QR code,頁尾則是遊在地、吃在地、買在地、玩在地的臺灣意象插畫。印出來帶在身上,手機一掃就回到原站看最新內容或直接導航;全站以行動裝置優先設計,手機版收藏改為右下角愛心按鈕與全螢幕抽屜,探索頁可在清單與地圖間切換,旅途中單手就能操作。

收進口袋的,

不只是一份清單;

是下一個週末,

跟著主題出發、走進商圈的理由。

 

遊食購官方網站

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

感謝 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