唯多多 網頁規格書
2310921011 李欣純
2310721024 李泓霖
CONTENT 壹、規格 書 的 闡 述 目 標 企 業 目 標 、企 業 介 紹 、 商 品 介 紹、網站規劃、特殊 需 求 、 相 關補 充 、 專 案 管 理 --------------------P 01-02
貳、規格 書 的 闡 述 目 標 一 、 網 頁 架構 ------------------------------------P 02 二 、 時 程 規劃 -------------------------------------P 03 三 、 版 面 結構 -------------------------------------P 03-04 四 、 網 站 整體 規 劃 -------------------------------P 05-15 五 、 網 站 技術 -------------------------------------P 16 六 、 相 關 文件 資 料 -------------------------------P 17-18 七 、 網 站 製作 內 容 ------------------------------P 19 八 、 委 託 書/合 約 書 -----------------------------P 20-22 九 、 智 慧 財產 權 及 法 律 歸 屬 -------------------P 23 十 、 價 金 支付 方 式 -------------------------------P 23 十 一 、 其 他資 源 需 求 -----------------------------P 23 十 二 、 補 充及 參 考 資 料 --------------------------P 24
壹、 規 格 書 的 闡述 目 標
(1) 企業目標 行銷基地/於網站上販售品牌商品，開創新的行銷通路，創造更多的獲利。 品牌形象/透過網頁空間，進一步傳達品牌理念、塑造完整的品牌形象。 透過流量/認識品牌核心客群，和舊客源敘舊並開發新客源。 商品販賣/清楚照片及詳細介紹，有更優惠的折扣。因經由其他網站販賣會收手續費。 (2) 唯多多 企業介紹 人與人，寵物與主人，感情的羈絆。 以原創商品為主，販賣周邊小物，製作主人與寵物共同的溫度連接， 就如同插畫中心純兔與多多的日常故事，製作出新的橋樑。 類型：文創商品類、工藝類、藝術與插圖 TA網站主要對象： 20-30歲，學生及社會新鮮人 喜愛文創、市集、飼養寵物的 (3) 商品介紹/展示內容 買家及客戶可經由網站了解品牌故事及品牌理念，以及連接可移動至粉絲團，可在網頁 上查看商品詳細，及方便下單購買。 (4) 網站規劃 導覽列 首頁banner 網站流程： 品牌介紹
品牌介紹
選購產品
產品列表
購物車
放入購物車
下單結帳
我的訂單
查詢訂單
(5) 特殊需求 須以RWD進行製作，符合PC及手機版面。 LOGO設立回主頁功能與連結粉專轉跳功能。 PC及手機不同的備註顯示手段。 (6) 相關補充 可參考 米工 網站商品販賣方式及編排流程、 https://www.bettermii.com/ 以及 NestBloom 網頁設計風格、 https://www.nestbloom.com/ RWD網站參考 五十嵐 美國品牌。 https://www.wushiland-usa.com/
01
(7) 專案管理
簽約並支付訂金
首頁製作
首頁審稿
(報價單確認)
(提供所需資料)
(初審提案) 首頁修改 (3天/次)
內頁修改
內頁審稿
首頁完成
(5天/次)
(初審提案)
(內頁建構)
切版與程式製作
客戶審稿
程式修改
成品驗收
(雙方達成共識)
(程式切版提案)
(7天/次)
(支付尾款)
內頁完成 (支付期 中款項)
貳、 規 格 書 的 闡 述 目 標 一、 網 頁 架 構 首頁
導覽列
外部連接
品牌介紹
產品列表
購物車
我的訂單
品牌介紹 產品列表 購物車 我的訂單
Facebook Instagram
品牌主旨 IP角色介紹
所有產品 商品頁面
送貨方式 付款方式 前往結帳
查詢訂單
產品詳細 款式選擇 放入購物車 立即購買
02
下單頁面 資料填寫 門市選擇 支付付款
二、 時 程 規 劃 ： 企 劃 、 設 計 、 程 式、除錯、上架、維護。
1 設計師評估
1
2
3
評估網站需求， 尋找廠商
定義內容， 販售及公告事項
廠商提供主頁成品 及支付頭期款
7
6
5
4
審核成品& 功能測試
內頁修改與 資料庫建構
內頁製作初稿
主頁審核及修改， 內頁建構討論
約25個工作天
3 正式上架
約25個工作天
2 溝通及討論
8
9
10
後續維護方案 及價格討論
正式上架， 支付尾款
定期維護系統
三、版面結構 網頁風格 (1) 網頁文字以可商用字體 (2) 馬卡龍色系 (3) 品牌主色調
jf open 粉圓 1.1
(4) 網頁色調/色系
PANTONE 4034 U
PANTONE 4017 U
後臺管理 首頁管理 ※LOGO 新增 刪除 指令(回首頁) ※圖片管理－ 1. 新增 編輯 刪除 2. 新增 編輯 刪除 3. 新增 編輯 刪除 ※左側文字－ 1.編輯 刪除 指令(轉移頁面) 2.編輯 刪除 指令(轉移頁面) 3.編輯 刪除 指令(轉移頁面) 4.編輯 刪除 指令(轉移頁面) ※關於我們－ 1.文字－新增 編輯 刪除 註解 2.圖片－新增 變更 刪除 註解 ※所有商品－新增商品－圖片新增－商品名稱－指令(轉跳頁面)－商品介紹－加購物車 ※購物車－商品數量管控（不可小於0，=0顯示商品已售完） ※訂單查詢－數據儲存－查詢單號－顯示訂單內容 ※Facebook、Instagram圖片－新增 03
更改
刪除
指令（轉跳至粉絲團網址）
1
1 3 7
2 5
1
2 關於我們
5 購物車
3 所有商品
6 下單畫面
4 點入 - 商品頁面
7 我的訂單
04
四、網站整體規劃 1 首頁 前端 (1) 導覽列項目
左上LOGO
左邊導覽列
右下網站連接
(2) 功能描述：點擊LOGO回至首頁，導覽列及網站連接會移動至設定的網頁 (3) 首頁banner 視覺呈現 圖片為像桌布一樣 可調整成幻燈片秀 大橫幅顯示banner 1920x1080px 整個螢幕滿版圖片 手機顯示banner 1125x2436px 以iphone X為例子 後端 (1) 導覽列及LOGO 文字色彩變更 (2) banner 底圖變更 (3) 可自行增加連接，圖片 連接網址維護更新 設定 (2) 不可自行新增功能標籤，增加需與程式開發者討論
關於我們
關於我們 所有商品 購物車 我的訂單
05
所有商品
購物車
我的訂單
項目
頁面
功能
備註
首頁
LOGO
LOGO-
LOGO-
Banner
圖片
快速回到主頁
關於我們
Banner-
Banner-
所有商品
幻燈片
圖片播放模式(約 3 張圖片)
購物車
關於我們-
關於我們-
我的訂單
文字+圖片
(PC)品牌概念文章以及圖片註解方式解說 IP 角色
IG FB 圖片
所有商品-
(Cell) 品牌概念文章以及圖片框格顯示 IP 角色特
圖片+文字+款式選擇+
質。
按鈕
所有商品-
購物車-
(PC)以圖片與文字顯示所有商品，同時可點選進
圖片+文字+送貨、付款
內部挑選。
方式+按鈕
(Cell)每頁以 5 種商品做為間隔有上、下頁按鈕，
我的訂單-
也可點進內部選購。
可寫入式框格與查詢按
商品頁面-
鍵
商品圖片+介紹文字，選擇款式按鈕與加入購物
商品頁面-
車按鈕
挑選款式+加入購物車
我的訂單-
IG、FB 圖片-
可透過 Text 框格輸入訂單編號查詢狀態。
外部連結
IG、FB 圖片外部連結至 FB、IG 粉絲團。 06
2 關於我們 - 品牌介紹 前端 (1) 主旨內容 人與人，寵物與主人，感情的羈絆。 以原創商品為主，販賣周邊小物，製作主人與寵物共同的溫度連接， 就如同插畫中心純兔與多多的日常故事，製作出新的橋樑。 兔子介紹 心純兔．以主人角度的設定，表達自己跟毛小孩一樣， 相信每個愛動物的人，心裡都有一顆純純的心。 貓咪介紹 多多．總是陪伴心純兔，可能有點調皮有點愛說話， 平常大多都在放空和睡覺，特別愛吃。心純兔一不在就會找來找去。 (2) 視覺呈現 背景可調整 系統固定兔子及貓咪 後端 (3) 編輯內容包含 主旨內容、兔子介紹、貓咪介紹 文字資訊 (4) 底圖變更 (5) LOGO、文字 色彩變更
關於我們
所有商品
購物車
我的訂單
人與人，寵物與主人，感情的羈絆。 以原創商品為主，販賣周邊小物，製作主人與寵物共同的溫度連接， 就如同插畫中心純兔與多多的日常故事，製作出新的橋樑。
關於我們 所有商品 購物車 我的訂單
人與人，寵物與主人，感情的羈絆。 以原創商品為主，販賣周邊小物，製作主人與寵物共同的溫度連接， 就如同插畫中心純兔與多多的日常故事，製作出新的橋樑。
關於我們
心純兔．以主人角度的設定，
所有商品
購物車
我的訂單
多多．總是陪伴心純兔，
表達自己跟毛小孩一樣，
可能有點調皮有點愛說話，
相信每個愛動物的人，
平常大多都在放空和睡覺，特別愛吃。
心裡都有一顆純純的心。
心純兔一不在就會找來找去。
心純兔．以主人角度的設定，
人與人，寵物與主人，感情的羈絆。
以原創商品為主，販賣周邊小物，製作主人與寵物共同的溫度連接， 表達自己跟毛小孩一樣， 就如同插畫中心純兔與多多的日常故事，製作出新的橋樑。
相信每個愛動物的人，
心裡都有一顆純純的心。
07
3 商品頁面 前端 (1) 項目 目前有四樣商品：明信片 NT$20 透明壓克力吊飾 NT$80 寵物領巾 NT$100 休閒包包 NT$150 (2) 功能描述：點選商品查看商品頁面 (3) 視覺呈現： 背景可調整 商品照第一張為所有商品縮圖照 尺寸/正方形 640x604px 後端 (1) 新增刪減商品 (2) 商品順序排列 (3) 底圖變更 (4) 文字色彩變更
關於我們
所有商品
購物車
關於我們 所有商品 購物車 我的訂單
明信片
透明壓克力吊飾
寵物領巾
休閒小包包
NT$ 20
NT$ 80
NT$ 100
NT$ 150
08
明信片
透明壓克力吊飾
NT$ 20
NT$ 80
寵物領巾
休閒小包包
NT$ 100
NT$ 150
我的訂單
4 商品頁面 前端 (1) 項目 商品名稱 明信片 圖片上傳 上限照片10張 尺寸/正方形 640x604px 商品價錢 NT$ 20 商品詳細內容 148x105 mm 心純兔跟多多貓的露營款，現在流行家裡的韓系小帳 棚，暖暖的小空間，寄出你的思念，有多久沒有休閒 的一場小爬山小露營呢？約一下朋友及家人們一個輕 鬆的一天。 選擇商品款式 露營款 款式縮圖照片 尺寸/正方形 640x604px (2) 功能描述：可挑選款式 (3) 視覺呈現：商品照滑動呈現 後端 (1) 底圖變更 (2) 商品名稱 (3) 商品縮圖封面照上傳 尺寸/正方形 640x604px (4) 圖片上傳 上限照片10張 尺寸/正方形 640x604px (5) 商品價錢 (6) 商品詳細內容 (7) 商品款式縮圖 尺寸/正方形 640x604px
09
關於我們
關於我們
明信片
所有商品
NT$ 20
所有商品
購物車
我的訂單
購物車
我的訂單
購物車 我的訂單
款式 露營款 148x105 mm 心純兔跟多多貓的露營款，現在流行家裡的韓系小帳 棚，暖暖的小空間，寄出你的思念，有多久沒有休閒
明信片
的一場小爬山小露營呢？約一下朋友及家人們一個輕
NT$ 20
鬆的一天。
款式 露營款 148x105 mm
加入購物車
立即購買
心純兔跟多多貓的露營款，現在流行家裡的韓系小帳 棚，暖暖的小空間，寄出你的思念，有多久沒有休閒 的一場小爬山小露營呢？約一下朋友及家人們一個輕 鬆的一天。
加入購物車
立即購買
關於我們
關於我們
寵物領巾
所有商品
NT$ 100
所有商品
購物車 我的訂單
款式 S號 魚魚款 分S、M、L size 請查看尺寸表後購買。 貓咪狗狗都適用，使用棉麻布以及竹節布印製絹印設計，
寵物領巾
獨一無二的毛小孩領巾，
NT$ 100
可搭配主人的休閒包包購買成親子裝窩！
款式 S號 魚 魚 款 請查看尺寸表後購買。
加入購物車
立即購買
貓咪狗狗都適用，使用棉麻布以及竹節布印製絹印設計， 獨一無二的毛小孩領巾， 可搭配主人的休閒包包購買成親子裝窩！
加入購物車
10
立即購買
5 購物車 7 前端 (1) 項目 購物車內容 商品資料、單件價格、數量、小計 選擇送貨及付款方式 取貨方式：7-11取件付款、7-11取件不付款、全家取件付款、 全家取件不付款、黑貓(常溫) ．選擇貨到付款，逾期未取者將列入黑名單永不交易。 ．超商取貨請填寫『本名』，取貨時攜帶取件人身分證。 ．商品送達指定門市時，會發送簡訊通知。 ．可自行登入會員查看訂單狀況。 ．為保障雙方權益，到貨時請從未開封到開箱確認後「全程」錄影。 付款方式：超商付款、匯款轉帳、LINE Pay (2) 功能描述：確認商品正確及更改數量 選擇送貨及付款方式 確認價格前往結帳 (3) 視覺呈現：商品縮圖及商品名稱 後端 (1) 底圖變更 (2) 送貨方式及付款方式增加刪減 (3) 運費設定
關於我們 商品資料
單件價格
數量
NT$ 20
2
小計
送貨方式
關於我們
明信片(露營款)
NT$ 40
購物車 我的訂單
商品資料
7-11取件不付款(C2C)
購物車
我的訂單
單件價格
數量
小計
明信片(露營款) NT$ 20
2
NT$ 100
寵物領巾(魚魚款) NT$ 100
1
NT$ 100
．選擇貨到付款，逾期未取者將列入黑名單永不交易。 ．超商取貨請填寫『本名』，取貨時攜帶取件人身分證。
所有商品
所有商品
選擇送貨及付款方式
．商品送達指定門市時，會發送簡訊通知。 寵物領巾(魚魚款)
NT$ 100
1
NT$ 100
．可自行登入會員查看訂單狀況。 ．為保障雙方權益，到貨時請從未開封到開箱確認後「全程」錄影。
付款方式 匯款轉帳
選擇送貨及付款方式 送貨方式
訂單資訊 小計 運費 合計
7-11取件不付款(C2C) ．選擇貨到付款，逾期未取者將列入黑名單永不交易。 ．超商取貨請填寫『本名』，取貨時攜帶取件人身分證。 ．商品送達指定門市時，會發送簡訊通知。
NT$ 140 NT$ 60 NT$ 200
．可自行登入會員查看訂單狀況。 ．為保障雙方權益，到貨時請從未開封到開箱確認後「全程」錄影。
付款方式
匯款轉帳
訂單資訊
前往結帳
11
小計 運費
NT$ 140 NT$ 60
合計
NT$ 200
前往結帳
選擇區
選項
備註
送貨方式
送貨方式-
選擇方案
付款方式
７-11、全家、黑貓
(1)7-11 取貨付款－
付款方式
選擇取貨門市、輸入收件人資料（電話、信箱）、
貨到付款、匯款轉帳、
確定應付款金額，一件送出。
LinePay
(2)7-11 取貨不付款
運費NT$60
運費NT$80
選擇取貨門市、輸入收件人資料（電話、信箱）、 選擇付款方式 LinePay&轉帳，完成後送出訂單。 (3)全家取貨付款 選擇取貨門市、輸入收件人資料（電話、信箱） 、 確定應付款金額，一件送出。 (4)全家取貨不付款 選擇取貨門市、輸入收件人資料（電話、信箱） 、 選擇付款方式 LinePay&轉帳，完成後送出訂單。 (5)黑貓常溫配送 輸入取貨地點、件人資料（電話、信箱）、選擇付 款方式 LinePay&轉帳，完成後送出訂單。
12
6 下單畫面 7 前端 (1) 項目 產品編號 ※請記住您的產品編號，以便日後查詢。 顧客資料 顧客名稱、電子信箱、聯絡電話 送貨資料 收件人名稱、收件人電話號碼 7-11全家取貨 選擇門市 連接至電子地圖查詢系統 黑貓(常溫) 城市/縣、地區 地址連動功能，下拉式選單 、到貨時間 付款資料 7-11全家 取貨付款 前面填寫過不需填寫 轉帳匯款、LINE Pay 匯入戶頭、匯款日期、後五碼+姓名 (2) 功能描述：會依照上一頁填寫送貨與付費方式調整填寫資訊 打勾收件人資料與顧客資料相同即會立刻同步上面資訊 每項皆為必填格 (3) 視覺呈現：清楚的表格方便資料填寫 後端 (1) 底圖變更 (2) 查看客戶填寫資訊、時間、詳細顧客資料、送貨資料、付款資料
關於我們
產品編號 202112001
付款資料
※請記住您的產品編號，以便日後查詢。
關於我們
※請記住您的產品編號，以便日後查詢。
購物車 我的訂單
電子信箱
銀行代號：台新銀行(812) 匯款帳號：xxxxxxxxxxxxxx
聯絡電話
匯到戶頭
送貨資料
顧客名稱
銀行代號：郵局(700) 匯款帳號：xxxxxxx-xxxxxxx
電子信箱
聯絡電話
郵局
送貨資料
匯款日期
已選擇的付款方式：7-11取貨不付款
我的訂單
顧客資料
顧客名稱
所有商品
購物車
產品編號 202112001
匯款後再確認下單 唯多多提供兩個匯款帳號，不開放無摺 請確實填單，以利工作室查帳喔
顧客資料
所有商品
已選擇的付款方式：匯款轉帳
已選擇的付款方式：7-11取貨不付款
收件人資料與顧客資料相同 收件人名稱
收件人資料與顧客資料相同 後五碼+姓名
收件人名稱
收件人電話號碼
收件人電話號碼
選擇門市 搜尋門市
選擇門市
確認下單
搜尋門市
付款資料
已選擇的付款方式：匯款轉帳
匯款後再確認下單 唯多多提供兩個匯款帳號，不開放無摺 請確實填單，以利工作室查帳喔 銀行代號：郵局(700) 匯款帳號：xxxxxxx-xxxxxxx 銀行代號：台新銀行(812) 匯款帳號：xxxxxxxxxxxxxx
送貨資料
已選擇的付款方式：黑貓(常溫)
送貨資料
收件人名稱
收件人名稱
收件人電話號碼
收件人電話號碼
地址 送貨地點: 台灣
到貨時間 選擇時段
付款資料
已選擇的付款方式：全家取貨付款
收件人資料與顧客資料相同
收件人資料與顧客資料相同
已選擇的付款方式：LINE Pay
匯款後再確認下單 請確實填單，以利工作室查帳喔
郵局
匯款日期
後五碼+姓名
確認下單
選擇門市 城市/縣
匯到戶頭
地區
搜尋門市
任何時段
匯到戶頭
郵局
匯款日期
後五碼+姓名
13
電子地圖查詢系統
14
7 我的訂單 前端 (1) 項目 購物車內容 商品資料、單件價格、數量、小計 選擇送貨及付款方式 取貨方式：超商取件、物流 ．選擇貨到付款，逾期未取者將列入黑名單永不交易。 ．超商取貨請填寫『本名』，取貨時攜帶取件人身分證。 ．商品送達指定門市時，會發送簡訊通知。 ．可自行登入會員查看訂單狀況。 ．為保障雙方權益，到貨時請從未開封到開箱確認後「全程」錄影。 付款方式：超商付款、信用卡(支援VISA、Master、JCB)、LINE Pay (2) 功能描述：確認商品正確及更改數量 選擇送貨及付款方式 確認價格前往結帳 (3) 視覺呈現：商品縮圖及商品名稱 後端 (1) 底圖變更 (2) 更新訂單 貨物狀況 是否查收匯款以及目前貨運進度 (3) 設定訂單備註
關於我們
訂單搜尋
所有商品
購物車
我的訂單
訂單編號
搜尋
202112001
訂單搜尋
關於我們 所有商品 購物車 我的訂單
訂單編號 訂單編號
下單日期
202112001
20211230
項目
明信片(露營款) NT$ 20
匯款查收
目前進度
寄件方式
已查收
已寄出
超商取件
備註
2pcs NT$ 40
寵物領巾(魚魚款) NT$ 100
搜尋
202112001
訂單編號
下單日期
202112001
20211230
項目
明信片(露營款) NT$ 20
1pc NT$ 100
2pcs NT$ 40
寵物領巾(魚魚款) NT$ 100 1pc NT$ 100
15
匯款查收
目前進度
寄件方式
備註
已查收
已寄出
超商取件
新年快樂
五、網站技術 HTML定義網頁內容，CSS指定網頁的佈局，並用JavaScript對網頁行為進行編程， 透過ASP.NET作為訊息溝通傳遞至資料庫系統完成作業。 HTML製作圖如下 HTML 文件 < !DOCTYPE 版本資訊 > <HTML> <HTML>
HEAD <HTML> <BODY>
Body </BODY> </HTML>
1 2 3 4 5 6 7 8 9 10 11
< !DOCTYPE html > <HTML> <HEAD> <TITLE> 瀏覽器標題欄 </TITLE> </HEAD> <BODY> </BODY> 文件內容 </HTML>
CSS按鈕製作
JavaScript互動式編成案例
16
六 、 相 關 文 件 資 料 ： 回 簽 表 格 、 合約書、相關文案資料。 回簽表格透過 PDF、Adobe Fill & Sign可以達成線上回簽效果
一頁式網頁設計合約書
立合約書人 事由：甲方委託乙方設計製作
（以下簡稱甲方）與 （以下簡稱乙方） 網站﹝以下稱本案），雙方議定遵循之條款如後。
第一條： 服務內容與注意事項 ◎本案使用需要適用於 Google Chrome 瀏覽器，或合約完成時的新版本。 ◎甲方需自行準備並提供相關相片檔與文字檔案，乙方得協助甲方彙整資料資料。 ◎甲方需先擬定網站主要經營項目，以利乙方提供相關資料供甲方參考。 ◎乙方將設計完成網頁置放於中華電信主機內使用，並由乙方代甲方申請含網域名稱一年(以合約簽 定日計內代含申請本案網域名+.com.tw（1000 元整一年使用） 。 ◎乙方應於甲方交付尾款時，交付「網站進入維護名稱密碼」，以利甲方後續維護工作。雙方得視需 求另簽署網站維護合約。◎乙方於網站交付後，於 30 天內可免費提供二次小修改網站資料，但因乙 方之問題(例打錯字等)，在甲方未修改過該原始網頁下，乙方提供一年免費之修改。 第二條：網頁作業時間表 ◎甲方交付完整相關資料後，乙方需於五 個工作天內完成首頁與內容頁圖稿並送交甲方審核，乙方於 此期間內應配合甲方意見為必要之修改。 ◎如雙方另有議定時間表應以最後雙方議定時間表為主。 ◎乙方完成本案後應向甲方解說本案之操作與使用。 ◎甲方每次審核圖稿時間，須自收到稿件通知後起三個工作天以內確定稿件內容並通知乙方；乙方於 收到審稿修改通知後需於三個工作天內交付甲方再次審稿。 ◎雙方議定，乙方如未按規定完成本案，則甲方有權，以一日扣除其網站設計經費百分之一為罰金， 並累計直到交出作品為止。 第三條：委製費用 ◎雙方議定本案設計經費總計新臺幣 (未稅)元整［ (含稅)］。 ◎申請本案網域名+.com.tw 總計新臺幣 (未稅)元整［ (含稅)］。 ◎甲方須於簽約同時支付新臺幣 (未稅)元整之訂金，以即期支票或現金支付。乙方完成本 案後，甲方需支付新臺幣 (未稅)元之尾款，以現金或票期一個月內之支票支付。 ◎隔年續約空間費用總計新臺幣 (未稅)元整［ (含稅)］。 ◎隔年續約網址費用總計新臺幣 (未稅)元整［ (含稅)］。 ◎含 5G 空間及 40G 流量。 ◎甲方若有延遲付款之情形，則每延一日需加付新台幣百分之一為罰金，並累計直到付清款項為止。 ◎訂金將視為本案設計經費之一部，亦即本案設計經費為訂金與委款之總和。 ◎甲方違約時，訂金將視為違約金之一部，乙方違約時，應給付雙倍訂金於甲方。 17
第四條：智慧財產 ◎本案相關之著作為乙方所有，租賃甲方於業務範圍內運用。 ◎甲方應擔保依本約所提供之相關資料均無侵犯他人之著作權或其它權益之情事。 ◎乙方設計之著作成品有侵犯他人著作權情事發生，乙方願負一切法律責任；甲方明知或可得而知或 發生侵害爭議之廣告內容係依甲方之指示完成者，不在此限。 ◎本案非經乙方之修改衍生者，所有權屬於甲方。 第五條：如作業中有大幅修正或追加設計時，交件時間得由雙方另行議定，並另行追加設計費用。 第六條：雙方如有爭議，願請中華民國仲裁協會申請仲裁。 第七條：本合約書以中華民國為準據法，若因本合約書涉訟，甲乙雙方同意以台灣高雄地方法院為第 一審管轄法院。 第八條：本合約書正本壹式貳份，甲乙雙方各執存壹份為憑。
立合約書人 甲 方： 統一編號(身份證字號)： 負責人： 電 話： 地 址：
（簽章）
乙 方： 統一編號(身份證字號)： 負責人： 電 話： 地 址：
（簽章）
中華民國
年
月
日 擬定，並於合約簽署日生效之
18
七、 網 站 製 作 內容
名稱
時程
功能
費用
評估需求
一個月
製作網頁雛形
35000
廠商詢價
一星期
取得報價
0
簽訂契約
一日
簽訂需求範圍以及支付
20640
頭期款價格(30%) 首頁製作
五日
廠商將設計稿呈現於網
0
頁架設上 初稿審查
三日
檢查是否合乎標準
0
初稿修正
一日
補正缺失內容
0
內頁製作
七日
將分頁、訂單整理及支
0
付功能製作出來 內頁審查
三日
檢測功能狀態
0
內頁修正
五日
修正異常功能
0
資料庫維護及維
三日
上架前修訂內頁程式
48160
護價格商議
碼，保固及維護時間與 價格討論。支付尾款
伺服器租用
一日
100GB 內存，價格
10000
10000/月 正式上架
一周
試營運
19
0
八、 製 作 委 託 書(合 約 )
回簽表格透過 PDF、Adobe Fill & Sign可以達成線上回簽效果
LAZYWeb網站設計合約書 唯多多文創有限公司
（以下稱甲方）
米拉多科技有限公司
（以下稱乙方）
立合約書人
茲甲方委託乙方進行 LAZYWeb-T2 形象官網(有後台)製作並租用，雙方協議如下：
第 一 條 本案詳細內容 本案之詳細內容、規格如附件一所示。若製作內容與數量超過附件一，乙方得另行報價。 甲方相關資訊交付予乙方，以Email: service@lazyweb.com.tw 或使用雲端硬碟等方式交付。 第 二 條 工作時程 預估交付日期為中華民國__105__年 月 日。實際交付日期為訂金(第一期款)確定入帳 日起算14個作天為交付期限(不包括討論與溝通時間)。如因甲方製作素材提供或確認回覆延遲所致 之專案遲延者，不受此交付期限。 第 三 條 付款方式 一、 總價款：雙方議定本案工作物製作費用總計新臺幣50,400 元整(含稅)。 二、 方案：網站建置方案 T2形象官網(有後台)。 三、 使用期限至 106 年 月 日。 四、付款時程： 第一期：甲方以銀行匯款支付給乙方第一期製作費 (本案費用 50%)，即新台幣 25,200 元整 (含稅)。 第二期：甲方於正式上線前須以銀行匯款支付尾款 (本案費用 50%)，即新台幣 25,200 元整 (含稅)，方得正式上線。 五、匯款資訊： 銀行 / 分行
玉山銀行 / 東三重分行
戶名
米拉多科技有限公司
帳號
0853 – 940 - 009270
20
第 四 條 交件及驗收 乙方會依照甲方挑選的版型與提供的資料，進行網頁視覺模擬，甲方在模擬階段可提出3次修改， 甲方確認視覺模擬後，乙方才會開始製作網站。 甲方驗收內容時間為15天，期間內可提出修改，修改次數限定為2次，但不可超出”附件一”製作 內容項目，若超出” 附件一”與修改次數，乙方得另行報價。 第 五 條 智慧財產規範 甲方保證依本約所提供之相關資料及設計素材，均無侵犯他人之著作權或其它權益之情事。若因 甲方提供資料不當或其他所引發之法律責任，由甲方自行負責。本案所有權為乙方所有，除非甲 方進行買斷的動作，該案所有權才歸甲方所有。 第 六 條 合約修改、補充 本合約內容得經甲、乙雙方同意後，以書面修改之。 本合約未竟之事宜，甲、乙雙方得以經雙方簽立之附件補充之，其內容為本合約之一部分。 第 七 條 合約解除 本合約因下列情形解除： 1. 經甲、乙雙方書面同意者。 2. 因法律、政策變更或其他不可歸責於甲、乙雙方之事由，致乙方無法完成本合約者。 但乙方得依實際進度請求給付製作費用。 第 八 條 維護 有關本案所衍生之網頁維護事宜，不在本合約範圍內，甲方如有維護需要，應自行處理，或與 乙方另行訂定維護合約。 第 九 條 續約、買斷模式 1. 本案至使用期限後必須續約後才能繼續使用，未續約將無法繼續使用網站。 2. 續約費用為新臺幣5,250元整(含稅) 。 3. 買斷模式將提供網站原始碼給與甲方並協助安裝在甲方指定的主機上(主機需為Linux系統且 已設定好WEB環境)，買斷費用為新臺幣31,500元整(含稅) 。
21
第 十 條 甲、乙雙方如因本合約訴訟，合意以臺灣板橋地方法院三重簡易庭為第一審管轄院。 第 十一 條 本合約書乙式兩份，由甲、乙雙方各執一份為憑。
立合約書人
甲方： 唯多多文創有限公司
(簽章)
統一編號(或身分證字號)： K223123456 代表人： 李欣純 地址： 台中市北區三民路三段129號 電話： (04)2219-5678 乙方：米拉多科技有限公司
(簽章)
統一編號(或身分證字號)：53725502 代表人：林家賢 地址：台北市中山區合江街116巷10號3F 電話：(02)5571-0711
22
九 、 智 慧 財 產 權 或 遇 疑 義 時 的 法 律歸屬 透過專利法申請設計專利，取得文化資產的保障。 以註冊商標方式將LOGO設計，取得商業用途保障。
十、價金支付方式 超商付款、匯款轉帳、LINE Pay
十一、其它資源需求 跨平台元件：蝦皮、Pinkoi
第三方支付合約：Linepay
23
十二、補充及參考資料 (1) 參考banner尺寸 https://p.fms.tw/media/3468
(1) HTML製作圖 http://research.hchs.hc.edu.tw/~pc731/1sem/homepage/01html.htm
(2) CSS按鈕製作 https://docs.webmix.cc/html-and-css/4.-ban-mian-ou-kuai-shi-zuo
(3) JavaScript互動式編成案例 https://javascript.alphacamp.co/the-purpose-of-js.html
(4) ASP.NET目錄製作 http://www.w3big.com/zh-TW/aspnet/mvc-app.html
(5) 網頁資料庫架構 https://www.youtube.com/watch?v=_s-wV24vzE8
(6) 電子回簽Adobe Fill & Sign http://scl13.com/adobe-fill-sign/
(7) 制式化合約書 - 一頁式網頁設計合約書 https://reurl.cc/0221yA
(8) 價格參考 https://jay-wang.com/showcase
(9) LINE Pay 參考 https://pay.line.me/file/guidebook/technicallinking/appendix_TW_TOS_201805.pdf
(10) 網頁模擬設計僅供參考，依照實際情況修改。
24