百威啤酒 150 週年

專案概述

百威啤酒歡慶品牌 150 週年，推出跨店家的城市集點活動。 太乙數位負責整套活動網站與後台的規劃、開發與上線維運， 讓消費者只要用手機掃描店家的專屬 QR Code，就能完成打卡集點並兌換限定好禮，還能用網頁版自拍濾鏡拍一張帶著活動主視覺的照片帶走。

活動橫跨設計、演藝、音樂、時尚與美業等多家合作店家， 網站同時扮演「活動門面」、「店家地圖」與「集點系統」三種角色， 在活動檔期內必須承受尖峰時段的集中流量與掃碼寫入。

功能亮點

• QR Code 掃碼打卡：每家合作店家配發專屬 GUID QR Code，掃描即寫入打卡紀錄，並控管同一使用者對同一店家的重複掃描。
• 自拍濾鏡：瀏覽器直接開相機（可切換前後鏡頭），套上六款百威主題外框與四種臉紅貼圖，以 9:16 限動比例即時合成後下載分享。
• 合作店家地圖：整合 Google Maps，依店家類型分類標示，消費者可直接導航前往下一站。
• 會員系統：以 ASP.NET Identity 建置註冊／登入／忘記密碼／手機驗證，掃碼一律綁定會員身分，杜絕代掃。
• 集點與兌換：即時計算集點進度，達標後產生兌換憑證，供現場核銷。
• 活動後台：店家資料維護、QR Code 產製與下載、掃描紀錄查詢與活動成效統計。
• 品牌形象頁：依百威的品牌調性設計的一頁式活動主視覺，行動裝置優先。

自拍濾鏡：把參加者變成擴散的節點

集點活動的天花板，是「來的人就是那些人」。要讓活動長出自己的聲量，就得讓參加者願意主動把它貼出去—— 而願不願意貼，取決於拍出來的東西好不好看。

所以我們在活動網站裡做了一套網頁版自拍濾鏡，全程在瀏覽器裡跑，不必下載任何 App： 開啟相機（可切換前後鏡頭）、選一款百威主題外框、再挑一種臉紅貼圖，畫面即時合成， 按下快門就能存到手機相簿。

• 六款主題外框：依百威 150 週年的活動主視覺設計，讓照片一眼看得出是哪一場活動。
• 四種臉紅貼圖：呼應「喝了才會有的臉紅」，另有「無臉紅」可選，不強迫套用。
• 9:16 限動比例：直接對齊 Instagram 限時動態的規格，拍完不必再裁切。
• 即時合成與下載：影像在瀏覽器端以 canvas 合成後直接下載，照片不會上傳到任何伺服器。
• 免安裝：不是 IG 或 Snapchat 的平台濾鏡，是活動網站自己的功能，掃 QR Code 進來就能用。

這個功能最實際的價值在於：它把「我來過這場活動」變成一張參加者自己願意發的照片。 對主辦方來說，這是零成本的擴散；對參加者來說，這只是拍一張好看的自拍。

現場抽獎系統：把線上集點收束到實體舞台

集點活動的高潮在活動當天的實體場次。我們另外開發了一套現場抽獎系統， 全螢幕投放在主舞台的 LED 大螢幕上，由主持人在台上操作：按下開始，六位數編號開始滾動， 定格即中獎，畫面同時噴出彩帶，台下所有人在同一秒看到結果。

這讓線上與線下收在同一條流程裡——抽獎的候選名單不是另外準備的名冊， 而是直接從活動期間的掃碼打卡紀錄聚合出來的。消費者在各家店累積的每一次打卡， 最後就是舞台上那個會跳動的號碼。

• 抽獎公正性：中獎者由後端以加密強度亂數（CSPRNG）選出，大螢幕上滾動的數字只是視覺效果，不參與決定結果。
• 不重複中獎：抽過的人自動排除在候選名單之外，並以資料庫的唯一索引把關——即使多台裝置同時按下抽獎，也不可能讓同一個人中兩次。
• 抽完即止：候選名單抽完會明確回報，不會空轉或抽出無效編號。
• 中獎即產生兌換憑證：中獎紀錄帶有兌領狀態，中獎者在手機上出示 QR Code，現場工作人員掃碼核銷，避免重複兌領。
• 可重置：後台能清空抽獎紀錄，讓彩排與正式場次分開，不必動資料庫。

我們解決了什麼

傳統集點活動仰賴紙本集章卡，發放成本高、容易偽造，活動結束後也拿不到任何數據。 改為線上掃碼後，主辦方在活動期間就能即時看到「哪一家店最多人打卡」、「消費者的動線如何」， 活動結束後這份名單與行為數據可以直接沿用到下一檔行銷企劃。