接案作品

一番賞海報生成系統

一番賞海報生成 + 版型微調功能 + AI 檔案輸出前端頁面、後端系統、Adobe Script 串接生成

JavaScript / Next.js / Adobe Illustrator Script

一番賞是日本流行的抽獎活動，購買者透過抽選，依序獲得不同等級的獎品。每一套商品都會對應一張海報，玩家在每一抽完成之後就會將抽到的籤紙貼在海報上，以讓其他顧客知道每個獎項剩下多少數量。因此，一番賞海報的設計與更新對於店鋪來說非常重要。

業主原本需要人工用 Illustrator 製作每張海報，流程繁瑣又耗時。加上資料庫中已有完整的商品資訊，我們決定系統化整合，減少人工作業時間。

人工從零開始設計每張海報，增加作業時間與出錯風險。

後端程式直接產生 Illustrator 格式檔案，降低人工作業負擔，減少 80% 以上海報製作時間。

如何在 Adobe Script 中實作資料動態注入，並確保生成的海報符合業主需求。

針對業主以往需要手動使用 Illustrator 編輯海報的問題，我們開發了可自動生成海報的系統。系統可直接讀取資料庫中的商品資訊（例如獎項、價格、商品圖像），並套用到 4 種不同版型的海報設計中。

一次整合 4 種常見版型，滿足不同店鋪需求。

可調整商品圖像的大小、位置，讓每張海報更符合實際需求。

系統生成後，直接輸出可供美工使用的 AI 檔案，無需二次編輯。

透過簡單 UI 操作，管理者即可選擇套用的商品與版型，自動產生對應海報。所有輸出流程皆透過 Adobe Script 實現，達到精準可印刷品質的 .ai 輸出。

使用前端工具調整元素定位、縮放比例（已實裝）與背景圖片（未實裝）

此為系統的 DEMO 版本，使用假資料展示功能、移除實際系統 API 串接部分。