M Ms Web Marketing

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

銷提案

亞通國際資訊股份有限公司

Asia-Today brings new communication way to you

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


臺北市松江路 220 號 6 樓 604 室 TEL:02-25819062 FAX：02-25819067

URL: www.asia-today.com E-Mail : [email protected]

「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卡拉舖

櫃檯」，日後不論此網站的舊雨新知欲進入網站首頁時，一律要求輸入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

寶貝蛋M & M's

甜言蜜語M & M's

伊卡郵局M & M

限時批

M & M's

卡米集

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's

語言教室M & M's

寶貝週記 M & M's

限時批

E-mail

將M&M人物擬人化,並設定一些虛擬事件,

讓M&M更具生命力與親切感

當期最新動畫

重溫往事

每期提供主題性英文教學及聲音檔內容,並提供下載

Java Script

伊電報

家族博物館

M & M's歡樂秀

三、網路行銷規劃

在廣大的網路世界中，如何讓自己的網站在眾多網站之中脫穎而出，是企業

在發展網路服務的重要考量之一。一個設計精美細緻、功能完備的網站，如

果沒有適當的網站推廣動作，則網站的效益會大大地降低。因此，在 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

2 M&M's 卡拉舖入會 2 1 1 1 1

3 卡拉舖必讀

(Site Map) 20 1 1 2 1

4 卡拉舖宣誓地 1 1 1

5 M&M's 新鮮報 1 1 1

6 M&M's 視聽量販店 4 1 1 1

7 M&M's 卡米集

專案報價 8 M&M's 廣告秀

9 M&M's 小秘書

10 M&M's 美化區

11 M&M's 寶貝蛋 2 1 1 1

12 M&M's 家族博物館專案報價

13 M&M's 歡樂秀 5 1 5 1 1

14 M&M's 留言板專案報價

15 M&M's 伊卡郵局

16 M&M's 語言教室 1 1 1 1

17 M&M's 寶貝週記 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

8 HTML 內頁程式設計 9 2,500 22,500 單元內頁程式編寫

9 JAVA 程式設計 4 5,000 20,000

10 CGI 介面 2 10,000 20,000

11 留言版 1 12,000 12,000

12 FLASH 程式設計 1 25,000 25,000 說明

附加功能程式

13 M&M's 卡米集 1 5,000 5,000

14 M&M's 廣告秀 4 5,000 20,000

15 M&M's 小秘書 1 150,000 150,000

16 M&M's 美化區 1 30,000 30,000

17 M&M's 家族博物館 1 20,000 20,000

18 M&M's 各色歡樂秀 5 5,000 25,000

17 M&M's 伊卡郵局 1 25,000 25,000

18 M&M's 寶貝週記 1 25,000 25,000

19 網站規劃費 14,470 網站製作費之 10%

小計 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. 付款方式：依合約書訂定條件付款。

Business

M Ms Web Marketing