HeyTai
實務作品

一番賞海報生成系統

讓後端直接產生可印刷的 Illustrator 海報,把製作時間降到原本的兩成。

01

什麼是一番賞?

一番賞是源自日本、在動漫周邊店很常見的抽獎活動:付一次錢抽一次籤,依籤別拿到不同等級的獎品。每一套商品都配一張海報,玩家抽完會把籤紙貼回海報上,讓其他客人知道各獎項還剩幾個。所以海報不只是文宣,而是每上一套新商品就得重新製作、還要隨著抽獎進度更新的必需品。

02

專案概述

一套自動生成一番賞海報的系統:讀取資料庫的商品資訊,套進四種版型,再透過 Adobe Script 產生可直接印刷的 .ai 檔案。

03

為什麼需要它

店家每上一套一番賞,就要有人用 Illustrator 手工做一張海報,慢又容易出錯。而商品資料資料庫裡都有了,重畫一次其實是浪費。

04

我負責的部分

我負責前端微調介面、後端系統,以及與 Adobe Illustrator Script 的串接生成。

05

技術挑戰

在 Adobe Script 這種受限、非典型的環境裡做資料動態注入,跟一般網頁開發完全不同——要穩定產出符合印刷需求的檔案並不容易。

06

怎麼實作的

後端讀取商品資料後,透過 Adobe Script 將資料注入版型並輸出可印刷的 .ai 檔;前端則提供拖曳微調圖片大小與位置的介面。

07

成果

海報製作時間降低約 80%,並提供公開的 DEMO 版本(使用假資料、移除實際 API 串接)。

細節

系統設計概述

系統可直接讀取資料庫中的商品資訊(例如獎項、價格、商品圖像),並套用到 4 種不同版型的海報設計中。

多版型支援

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

前端微調介面

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

可印刷檔案輸出

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