M Ms Web Marketing

「M&M's 卡拉舖」網站建置與行
銷提案

亞通國際資訊股份有限公司
Asia-Today brings new communication way to you

亞通國際資訊股份有限公司 Asia-Today International Corp.

「M&M's 卡拉舖」網頁建置提案
一、網頁規劃重點
「M&M's」為國內知名進口巧克力商品，長久以來獲得眾多人的喜愛，其商品象一
直以來都是活潑、有趣、年輕走向，因此在為此商品做一網站規劃時，就必須考量到商
品的屬性，而規劃了具有活潑、互動的「M&M's 卡好舖」。

在架構內容上，不僅讓每個單元都隨著特定主題更動，更設計下載的功能，讓上網
者都可以經由這些管道選擇自己喜歡的內容，達到宣傳的目的。

由於「M&M's」為了提高網站知名度、直接對「M&M's」的愛好者優惠權利，規劃
了「M&M's 卡拉舖」，讓每個上網者都可以選擇自己喜歡的「M&M's」代表人物，在
這個網站進行各項互動單元，使之讓商品更貼近上網者的心，進而提升向心力。盼能
藉由另種企業經營社群的方式，經營屬於最貼近「M&M's 卡拉舖夥伴」，使整個網站
經由企業與網友間的互動，激盪出更多的不同其他網站經營的模式，讓產品特色完全套
用在網站規劃上，並賦予更深一層的娛樂、互動價值，給予一個更「鮮活」的商品形象
網站。

臺北市松江路 220 號 6 樓 604 室 TEL:02-25819062 FAX：02-25819067
URL: www.asia-today.com E-Mail : webmaster@asia-today.com


二、網頁內容規劃
首頁【M&M's卡拉舖櫃檯、M&M's卡拉舖】
為了獲取更多的上網者基本資料，以便日後發送電子報，因而設置「M&M's卡拉舖
櫃檯」，日後不論此網站的舊雨新知欲進入網站首頁時，一律要求輸入E-mail Address
才能獲准進入網站首頁--「M&M's卡拉舖」，由首頁帶領上網者進入一個「M&M's」的
網路娛樂世界。

至於上網者的E-mail Address處理問題，將會匯入資料庫中建檔以供日後發送電子
報或是舉辦活動時的首要告知者。往後不論此人是否持續瀏覽本網站、是否加入「卡拉
舖」，都將收到由「M&M's卡拉舖」網站發送的電子報，不斷接受到最新最快的M&M's
活動訊息、網站最新資訊。

M&M's卡拉舖入會
此單元主要是講述「M&M's卡拉舖」的會員招募部份，內容包括卡拉舖加入會員的
優惠、引導初次到訪的上網者迅速瀏覽網頁網頁並明瞭網頁架構的【渴拉舖必讀】、提
供上網者加入卡拉舖夥伴的【卡拉舖夥伴宣誓地】等。

M&M's 新鮮報
即為提供任何有關「M&M's」的最新消息，例如新產品（口味）上市、近日所舉辦的
M&M's活動、，以及活動中獎名單公佈等，皆可透過這個管道再次與以發佈，讓想知道
「M&M's」「M&M's卡拉舖」最新動態消息者，能藉由這個管道獲得第一手訊息。
、



M&M's視聽量販店
此單元之所以取名為「M&M's視聽量販店」，是因為本單元提供M&M's有趣、娛樂的內
容如下：

 M&M's卡米集--提供以M&M's的四格漫畫，並設計可供下載、列印功能。

 M&M's廣告秀--提供M&M's歷年來的廣告短片欣賞，並可提供下載、線上觀看。

 M&M's寶貝蛋月曆--以漫畫有趣的方式，設計成每月的月曆，並從中提醒當月
「M&M's卡拉舖」網站更新訊息、最新電子報發送日期，以此柔性提醒訴求，恐固
使用者對「M&M's卡拉舖」的向心力。

 M&M's小秘書--為了讓M&M's這項商品有更多的行銷價值，故規劃「M&M's小秘書」
小程式。本程式主要是以輕鬆、活撥、可愛的方式提醒使用者該日的工作行程，讓
使用者不因忙碌而忘記重要行程。

 M&M's裝飾小品--此頁面提供多款電腦桌布、螢幕保護程式、佈景主題、ICQ播放面
板等電腦相關裝飾小工具，若欲特殊假日節慶、事件，將特別推出應景的相關工具，
讓上網者感受到「M&M's」網站不斷更新、追逐潮流。

M&M's 寶貝蛋
本單元將運用以寶貝蛋走舞台秀的方式，表現各個「M&M's」寶貝蛋的個性、特徵、
外表、造型等個人相關資料，以便上網者在選擇個人代表物時有個初步的了解。

M&M's 甜言蜜語
此單元規劃為留言版的形式呈現，讓上網者可以直接透過此單元表達自身的意見與
看法。未來此單元亦可搭配相關熱門話題討論等類似活動。



M&M's 伊卡郵局
本單元將提供多種動態有趣的電子賀卡，並將依特定的假日節慶設計電子賀卡，讓
上網者選擇寄贈給好友。未來，本單元亦可搭配相關網路活動，提升整個活動的活躍度。

M&M's 語言教室
本單元將針對每期不同的主題，提供相關的英文圖片、文字、聲音檔等相關資料教
學，藉由簡單、生活、活潑的教學方式來達到學習英文的目的。

M&M's 寶貝週記
本單元每期將虛擬不同的主題，利用 Flash 軟體表現出 M&M's 生動、活潑的一面，
讓 M&M's 虛擬人務更真實地貼近大眾的心底。另外，為讓上網者可重覆觀看以往的
Flash 動畫，亦開放下載觀看以往的動畫。

M&M's 限時批
限時批的設立，是以顧客的接觸方便性而建立的一個溝通管道。若是有上網者
想直接透過網路表達意見，並希望艾汾公司針對問題作一個解說，而規劃這個單元
藉由 E-mail 的聯繫，表達自身的疑惑、建議，構成企業與顧客的良性的雙向溝通。


網站架構
M & M's
卡拉舖櫃檯

M & M's
Java Script Java Script
卡拉舖
伊電報新鮮短短報

M & M's M & M's M & M's M & M's M & M's M & M's M & M's
M&M M & M's M & M's
卡拉舖入會新鮮報視聽量販店寶貝蛋甜言蜜語伊卡郵局語言教室
限時批寶貝週記限時批

M & M's
近日當期
E-mail
報到處家族博物館
活動內容最新動畫
卡米集
設計多款動態有趣伊卡,
M & M's歡樂
M & M's
卡拉舖供上網者選擇寄予好友重溫往事
必讀秀
廣告秀

M & M's
卡拉舖宣誓
每期提供主題性英文教學
地小秘書
及聲音檔內容,並提供下載
M & M's
將M&M 人物擬人化,
美化區
並設定一些虛擬事件,
規劃留言版介面,讓上網者讓M&M 更具生命力與親切感
有直接互動的管道

以走秀方式
各自表現作為介紹

三、網路行銷規劃
在廣大的網路世界中，如何讓自己的網站在眾多網站之中脫穎而出，是企業
在發展網路服務的重要考量之一。一個設計精美細緻、功能完備的網站，如
果沒有適當的網站推廣動作，則網站的效益會大大地降低。因此，在 M&M’S
網站完成後，須規劃連續性的網路推廣活動。規劃說明如下：
1. 推廣目的：以建立網站知名度、提昇產品形象、拓展行銷通路為目的
2. 推廣時機：網站架構完成後
3. 推廣方法：
A. 網路遊戲：可利用所設計的網路遊戲來做第一波網站推廣活動，以讓網
路族知曉 M&M’S 網站所在。
B. 搭配媒體：可利用發佈新聞稿、電視廣告或電台廣播來告知消費大眾
M&M’S 網站成立的訊息。此外，產品包裝與名片上亦可印製
M&M’S 的網址名，以求全面宣傳效果。
C. 廣告 BANNER 曝光：網路廣告曝光就如同發送傳單一樣，讓網路族知
道 M&M’S 的網路訊息。此活動可以與網路遊戲結合，可以吸
引網路族閱覽網站內容。依照 M&M’S 的產品特性與企業形象，
可選擇在具知名度的網站曝光（如奇摩站、夢想家搜尋網、新
浪網、哇塞中文網、蕃薯藤、雅虎中文、HiNet 等），以求得
最高的造訪人次，進而達到網站知名度的建立目的。
D. 上網贈獎：贈品的發送是網路族造訪特定網站的誘因之一。因此，提供
適當的贈品（如 M&M’S 玩偶或其他相關產品）
，有助於網站推
廣，增加上網人群，進而達到網路宣傳目的。
E. 各行銷通路的配合：網站建構完成後，可利用網際網路來發佈最新的促
銷消息或產品訊息。節省了不必要的人力與時間的浪費。如此
更能使網站發揮預期的功能，並且由於網際網路的便利特性，
使得潛在客戶或經銷廠商樂於造訪 M&M’S 的網站。
F. 正式開網慶典：網站測試完成，代表 M&M’S 已進入數位網際網路的時
代。因此，可舉辦一個開網慶祝酒會，來正式對外宣佈 M&M’S
巧克力食品進入數位化的世紀。不僅可以創造高知名度與團結


企業夥伴，亦可開創出另一個行銷通路。
4. 未來網站推廣計劃：
A. 目標：加強網站的新鮮感、擴展網路行銷市場
B. 方法：
(1). 定期改版：定期的首頁與網站版面的改版，可以讓上網者對 M&M’S
常有驚艷之喜，更加深對網站的印象。
(2). 新活動發布：可在網站的首頁來發表最新活動訊息，讓客戶或經銷
廠商能在網路上獲得第一手的產品訊息，進而養成上網
取得資訊的習慣，延續網站的功能。
(3). 網路活動設計：計劃性地設計網路活動（如網路遊戲或網路贈獎活
動等）
，以保持網站人潮。
(4). 定期媒體曝光：網站改版完成、最新活動發佈、或網路活動設計完
成後，須再做一段時間的網站廣告曝光行動，以求更深
（報紙、雜誌、廣告 DM）
的印象。此外，定期在帄面媒體、
電視或廣播中發佈網站相關訊息，可讓網站知名度保持
不墬，甚至可增加產品行銷推廣效益。



四、網站維護

為確保 M&M’s 的網頁在網路上所傳送的資料是最新且正確無誤，適時的更
新與維護網頁即成為不可或缺的工作。網頁的維護除牽涉到硬體、軟體與人
力、工時是否能配合的問題，也牽涉到維護的人員是否具備美學與版面的概
念。因此，目前許多大企業紛紛將更新維護的工作委託給專業的網頁設計公
司，以省去人事培養的費用與繁雜的編修工作。以下為網站維護的規劃與方
式：

A. 網站完成一個月內，在現有架構及固定版面之文字修改不另收費，圖片更改
與處理則另議之。
B. 網站完成一個月後，簽訂年度網頁維護合約，其維護內容及金額另議之。客
戶亦可依其需求選擇維護計價方式：
a. 以每工時 480 元計算：以預估每週所需之固定工時，月結方式簽訂維護
合約。
如：每週預估需 8 個工時維護網站，則每月需：
480×8×4＝15360 元/月
b. 以每次修改或增加網站內容之多寡計算。
C. 教育訓練：網站製作費在 100,000 元以上，可有 2 小時教育訓練（指導客戶
做資料的收集與簡易的網頁更改）。
D. 網站維護之內容包括：（金額依客戶維護需求另議）
1. 客戶資料處理
2. 網頁內容更新
3. 版面定期美化
4. 上網客戶資料分析



五、網站製作明細表
首頁圖片連結標題圖片影像動畫 HTML JAVA CGI
項次主題內容備註欄
規劃處理圖示圖示繪製合成製作程式程式介面
卡拉舖首頁
1 1 1
M&M's 卡拉舖入會
2 2 1 1 1 1
卡拉舖必讀
3 20 1 1 2 1
(Site Map)
卡拉舖宣誓地
4 1 1 1
M&M's 新鮮報
5 1 1 1
M&M's 視聽量販店
6 4 1 1 1
M&M's 卡米集
7
M&M's 廣告秀
8
專案報價
M&M's 小秘書
9
M&M's 美化區
10
M&M's 寶貝蛋
11 2 1 1 1
M&M's 家族博物館專案報價
12
M&M's 歡樂秀
13 5 1 5 1 1
M&M's 留言板
14
專案報價
M&M's 伊卡郵局
15
M&M's 語言教室
16 1 1 1 1
M&M's 寶貝週記
17 2 1 1 1
當期週記專案報價
18
19 M&M's 限時批 1 1 1 1
首頁圖片連結標題圖片影像動畫 HTML JAVA CGI
項次主題內容備註欄
規劃處理圖示圖示繪製合成製作程式程式介面
總數量 1 0 35 10 2 0 14 9 4 2



六、網站製作費用預估表

項次摘要數量單價小計備註
首頁規劃
1 1 5000 5,000
圖片處理
2 0 400 -
連結圖示
3 35 400 14,000
標題圖示
4 10 400 4,000
圖片繪製
5 2 600 1,200
影像合成
6 0 1,500 -
動畫製作
7 14 1,500 21,000
HTML 內頁程式設計
8 9 2,500 22,500 單元內頁程式編寫
JAVA 程式設計
9 4 5,000 20,000
CGI 介面
10 2 10,000 20,000
留言版
11 1 12,000 12,000
FLASH 程式設計
12 1 25,000 25,000 說明
附加功能程式
M&M's 卡米集
13 1 5,000 5,000
M&M's 廣告秀
14 4 5,000 20,000
M&M's 小秘書
15 1 150,000 150,000
M&M's 美化區
16 1 30,000 30,000
M&M's 家族博物館
17 1 20,000 20,000
M&M's 各色歡樂秀
18 5 5,000 25,000
M&M's 伊卡郵局
17 1 25,000 25,000
M&M's 寶貝週記
18 1 25,000 25,000
14,470 網站製作費之 10%
網站規劃費
19
小計 459,170 元
營業稅 22,959 元
總計 482,129 元



說明:
1. 網站規劃費包含網站設定、網站架構設計、規劃網站內容、網站人數計數器、
文案資料整理與規劃、以及登錄搜尋引擎等。
2. LOGO 及圖案設計以數量計算，不計重複使用部份。
3. Graphic 以難易程度計算，如影像處理、圖片繪製及影像合成、而有不同計價
方式。
4. FLASH 程式設計：為運用 FLASH 多媒體軟體編排而成之網站首頁。
5. 卡米集：為網路漫畫四格漫畫區，可定期或不定期更新替換，此次規劃有 2 個
四格漫畫。
6. 廣告秀：為 M&M’s 巧克力廣告 CF 專區。此次規劃有 4 個 CF 轉檔撥放單元。
7. 小秘書：為桌面上的小秘書。可設定行程提醒與直接連結至 M&M’s 網站。
8. 美化區：提供 5 個桌布、1 個螢幕保護程式，讓上網者下載。
9. 家族博物館：為介紹歷年 M&M’s 角色的演變，並利用 FLASH 軟體編排而成。
10. M&M’s 各色歡樂秀：主要是以點選的方式來介紹各種顏色的 M&M’s 主角，
並且有滑鼠跟隨的模式，更能吸引上網者。
11. M&M’s 伊卡郵局：為電子賀卡傳送區。此次規劃有 5 張電子賀卡，讓上網者
挑選。
12. M&M’s 寶貝週記：為主題性的簡短多媒體單元。可提供上網者觀賞與下載。
此次規劃有 1 個寶貝週記。
13. 連結圖示含 image map、圖示設計繪圖及 hyper link 設定。
14. 因亞通欲發展網頁製作之新技術，故此 360×360 度之功能贈送與立衛科技。
15. 網站之製作總金額以實際製作價格計算。
16. 製作時間：簽約收訂金後，依合約書訂定條件完成。
17. 付款方式：依合約書訂定條件付款。


M Ms Web Marketing

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (15)

More from Tim Lu

More from Tim Lu (17)

M Ms Web Marketing