所有案例

連得堂:給百年煎餅老店的外國遊客導覽網站

外國遊客在門口掃 QR,就能用自己的語言看懂怎麼買、店的故事,再拿點單卡給老闆看。

交付內容
多語系網站、點單卡、QR 門口立牌
時程
2026 年 9 月,主要開發 2 天
技術
Astro, Vercel, Claude Code
狀態
課程提案作品(創意產業研習),店家尚未決定是否正式採用
連得堂網站電腦版首屏:鐵模轉盤動畫、店名與「怎麼買」按鈕

問題

連得堂從 1926 年起在台南烤雞蛋、味噌煎餅。現場只有兩種口味,每人每天限購 2 包,常常提早賣完。

門口排隊的人裡,常有看不懂告示、也不知道怎麼跟老闆點的外國遊客。店家需要的是在門口就能用、用遊客自己的手機、不用安裝任何東西的工具。

我們做了什麼

手機首屏:鐵模轉盤與店名,下方有「怎麼買」和「常見問題」按鈕
首屏依手機語言自動開啟;店名像印章一樣蓋下。
點單卡:大字中文寫著你好,我要買雞蛋煎餅 1 包、味噌煎餅 1 包
點單卡永遠是大字中文,給老闆看,可以唸出來,並自動套用每人 2 包的限購。
常見問題面板:限購、付款方式、口味、預購等問題
常見問題面板從首屏就打得開,回答原本要在櫃台問的事。

同一頁,四種語言

連得堂網站的中文、英文、日文、韓文首屏並排

店名與品名在訪談時逐一定下,例如日文用「玉子せんべい」、韓文用「계란 전병」。

印之前就驗證過的門口立牌

A4、A5 兩種尺寸的印刷 PDF,配色跟網站一致。QR 直接指向網站,不經過會過期的動態 QR 服務。

檔案產生後,腳本會把 QR 縮成三種尺寸各解碼一次,確認掃出來是正確網址。

連得堂門口立牌:店名、QR code 與日文、韓文、中文說明

開發過程

  1. 開工

    查店家資料,三輪訪談定下對象、語言、配色與核心功能。

  2. 第一版上線

    部署到 lengtihtong.vercel.app,之後網址都沒有變。

  3. QR 門口立牌

    A4、A5 PDF、預覽圖,以及驗證過的 QR code。

  4. 流程整理成 skill

    shop-visitor-site 與 qr-stand,下一間店可以直接用。

  5. 圖示、故事與常見問題

    用程式畫的煎餅圖示依回饋改兩版、四章互動百年故事、四種語言的 8 題常見問題。

  6. 成果交接

    成果總覽 PDF、操作示範影片、截圖、印刷檔、文件與原始碼。

目前進度

這是課程提案作品。網站已經上線,但部分內容根據公開資料撰寫,店家正式採用前還需要老闆確認。

  • 請老闆確認待確認清單:付款方式、週日營業、價格與常見問題的擬答。
  • 請日文、韓文母語者校對。
  • 把非商業授權的資料庫照片,換成店家自己拍的照片。
  • 印出立牌,在店門口用幾支不同的手機實際試掃。

也有類似的店或案子嗎?

告訴我們你想解決什麼問題,我們評估範圍後回覆報價。