幾乎不會 coding 的作品集

願望下單網站(棋願製造)

以靜態網頁做的茶品選購與下單網站:按系列分頁(THE NEW、THE CENTER、THE NORTH、THE SOUTH、THE EAST 等)販售台灣高山茶、包種茶、烏龍、紅茶、東方美人與有機咖啡,依克數計價並有茶組與會員制度;結帳要填收件資料(姓名、電話、LINE ID、電子郵件、地址),可選郵寄或四大超商取貨,付款為銀行匯款或 LINE Pay,滿 NT$3,000 免運。有簡易後台。

狀態
公開網站
評分
3.0滿分 5
讚數
4原文
收錄日期
10/172026 年

點圖片可以放大看完整畫面。影片請到 Threads 原文播放。

點評

深色森林底圖加琥珀色強調、系列名稱用英文大寫,整體氣質比一般 AI 電商模板更像精品茶品牌,這點很加分。但商業面有很多實質風險:要收個資(電話、地址、LINE ID)卻看不到隱私說明;銷售食品需要營業登記與標示;茶組名稱如「病魔戰勝 建人退散」帶有療效暗示,可能違反食品廣告規範;匯款與訂單核對全靠人工。以「願望下單」的概念看是很棒的原型,距離正式營運還需要補合規與後台。

3.0綜合評分,滿分 5
完成度
3
痛點真實
3
體驗設計
4
可持續
2

作品故事

為什麼做

作者說「寫了一個網站可以直接下單」,並自嘲「以前電腦課總是及格邊緣」,從非資訊背景一路做到能下單的程度。

怎麼做出來的

留言 4 讚,附手機錄影;網站部署在 Netlify。查證時頁面顯示一筆已送出的訂單並有「連線測試成功」,但後台有大量 0g 的「測試連線」資料與匯款後五碼 12345 的測試單,因此不確定是否已正式營運。

技術細節

靜態 HTML,部署於 Netlify;後台修改後需「匯出網頁」再重新上傳才會生效,推測訂單由某個外部服務寫入,細節未說明。

使用前留意收集個資與匯款資料,茶品名稱可能被解讀為有療效暗示,食品銷售與廣告規範建議再確認。

連結

資訊

作者
@winnie19890604
用途
生活
領域
購物
狀態說明
公開網站:公開網站(疑似仍在測試)
原文日期
2026-09-03
來源
Threads
編號
No. 491

同樣是「生活」