HISTORICAL PROJECT / WEBSITE ← BACK TO PROJECTS

Event Site・Digital Campaign・System Development

環境部｜惜食料理食譜暨教案甄選活動網

以「首惜廚師」活動為核心，依據既定活動內容與需求完成活動網站、 UI/UX、視覺設計與系統開發，整合 22 縣市初賽報名、資料審核、分權管理、決賽、工作坊及內容管理，建立完整的全國性活動數位服務平台。

Digital Campaign Visual Design UX/UI Design RWD Front-end Back-end Database Permission Management CMS System Development

Historical Project｜2023 年惜食料理食譜暨教案甄選活動網站，專案已結案，活動結束後網站已下架。

01 OVERVIEW

PROJECT OVERVIEW

從前台 UI/UX 到後台系統開發，
完整建置活動數位服務平台。

本案為「惜食料理食譜暨教案甄選」活動網站建置，依據上包團隊提供之活動內容與需求，完整執行活動網站之視覺設計、UX/UI、前端、後端、資料庫及系統功能開發。

前台整合活動介紹、最新消息、精彩花絮、食譜組與教案組報名、決賽及工作坊等活動內容，並透過 RWD 設計支援桌機、平板及手機等不同裝置。

後台則建立報名資料、審核、篩選、匯出、參賽檔案下載及活動內容管理等功能，並依中央與 22 縣市之管理需求建立分權機制。

整體執行範圍涵蓋 Visual Design、 UX/UI、RWD、Front-end、Back-end、 Database、Permission Management、 CMS 及 System Development，從前台使用者體驗至後台管理系統完整串接。

02 CHALLENGE

PROJECT CHALLENGE

全國多縣市活動，
前台體驗與後台管理需要完整整合。

活動涉及 22 縣市、食譜組與教案組等不同報名類型，前台需要清楚呈現活動資訊與報名流程，後台則需要處理大量參賽資料與檔案。

不同縣市具有不同的資料與管理需求，因此系統需要建立明確的權限區隔，同時維持中央管理者對全國活動資料的管理能力。

從報名、審核、資料匯出、檔案下載到活動內容維護，均需要透過系統建立一致且可管理的操作流程。

01 National Campaign

支援 22 縣市同步進行活動報名與管理。

02 Multiple Entries

整合食譜組與教案組不同報名資料。

03 Permission Management

建立中央與各縣市不同層級的管理權限。

04 Review & Data

支援資料審核、篩選、匯出及參賽檔案管理。

05 System Development

從前端介面至後端資料庫完成完整系統開發。

03 SOLUTION

UX/UI & FULL SYSTEM DEVELOPMENT

從前台介面到後台系統，
完整串聯設計、開發與資料管理。

依據上包團隊提供的活動內容與需求，從活動視覺、UX/UI 與 RWD 設計開始，延伸至前端、後端、資料庫與權限管理，完整建置涵蓋報名、審核、活動管理與內容維護的系統服務。

VISUAL DESIGN

活動視覺與網站設計

建立活動主視覺、網站視覺、色彩、版型與主要頁面介面，完成整體數位活動視覺呈現。

UX/UI & RWD

前台 UX/UI 與響應式介面

規劃活動資訊架構、瀏覽、報名及查詢流程，並完成桌機、平板與手機 RWD 介面。

REGISTRATION SYSTEM

線上報名與審核系統

建立食譜組與教案組線上報名功能，支援報名資料填寫、審核、篩選、匯出及參賽檔案管理。

PERMISSION MANAGEMENT

22 縣市分權管理

依中央與 22 縣市建立不同管理權限，讓各縣市依權限管理所屬活動與資料，同時保留中央管理功能。

EVENT MANAGEMENT

活動與內容管理

整合活動資訊、決賽、工作坊、最新消息及精彩花絮等內容，提供完整活動管理功能。

CMS & DATA

CMS 與資料管理

建立 Banner、最新消息、活動內容及報名資料等後台管理機制，支援資料匯出與檔案批次下載。

FRONT-END / BACK-END

前後端系統開發

完成前端介面、後端系統及核心功能開發，串接報名、審核、活動與權限等系統服務。

DATABASE & SECURITY

資料庫與系統安全

建立核心資料結構與資料管理功能，並配合登入稽核、資安檢測及弱點修補需求進行系統調整。

04 KEY FEATURES

PLATFORM FEATURES

從前台活動服務到後台管理，
完整串聯全系統功能。

平台整合活動資訊、線上報名、資料審核、22 縣市分權、活動管理、CMS 及資料管理等功能，支援從前台參與到後台管理的完整作業流程。

FULL SYSTEM COVERAGE

Visual → UX/UI → RWD → Front-end → Back-end → Database → Permission → CMS → Security

VISUAL & UX/UI｜活動視覺與介面

活動主視覺、網站版型、UX/UI 規劃及 RWD 響應式介面設計。

FRONT-END｜前台開發

完成活動網站前台介面、頁面製作及響應式前端功能。

REGISTRATION｜線上報名

食譜組、教案組線上報名及參賽資料填寫與管理。

PERMISSION｜22 縣市分權

建立中央與 22 縣市不同管理權限及資料管理範圍。

BACK-END｜後台系統

完成報名、審核、活動及權限等後台系統功能。

DATABASE｜資料庫

建立報名、活動、帳號及權限等核心資料管理機制。

CMS｜內容管理

最新消息、Banner、精彩花絮及活動內容皆可由後台維護。

SECURITY｜系統安全

建立帳號管理、登入稽核紀錄，並配合資安檢測與弱點修補。

05 OUTCOME

PROJECT OUTCOME

從 UI/UX、前端到後端資料庫，
完整完成活動網站與系統建置。

依據上包團隊提供的活動內容與需求，完成活動視覺、UX/UI、RWD、前端、後端、資料庫及權限管理等系統服務，將活動資訊、線上報名、審核與後台管理整合於同一個數位平台。透過中央與 22 縣市分權機制，支援不同層級的活動管理與資料作業，並建立完整的前台服務與後台管理流程。

01 / Visual Design ｜建立活動主視覺與網站視覺系統 02 / UX/UI Design ｜完成活動網站資訊架構與使用介面規劃 03 / RWD ｜完成桌機、平板與手機響應式介面 04 / Front-end ｜完成活動網站前台介面與功能開發 05 / Back-end ｜完成報名、審核、活動及權限等後台系統 06 / Database ｜建立活動、報名、帳號及權限等資料管理機制 07 / Permission Management ｜建立中央與 22 縣市分權管理機制 08 / CMS & Security ｜完成內容管理、登入稽核及資安檢測相關功能

← BACK TO PROJECTS

品牌素材說明｜本案 LOGO、吉祥物及品牌識別素材由客戶提供，本案負責網站視覺、UI/UX 規劃與數位應用呈現；相關智慧財產權歸原權利人所有。 HISTORICAL PROJECT / WEBSITE

環境部｜ 惜食料理食譜暨教案甄選活動網

從前台 UI/UX 到後台系統開發， 完整建置活動數位服務平台。

全國多縣市活動， 前台體驗與後台管理需要完整整合。

從前台介面到後台系統， 完整串聯設計、開發與資料管理。