活動網頁設計規劃

艾明設計-myapp facebook 粉絲團應用程式

電話: 02-2958-9592

傳真: 02-2958-9686

行銷活動、facebook粉絲團活動

活動網站設計解決方案照片票選/影片票選/商品介紹/投票抽獎/留言抽獎/問卷調查/分享抽好禮…

什麼是活動網站?

Copyright 2015 ime. All rights Reserved 2

活動網站?創造人氣，提升品牌形象依據行銷目的，創造熱度，帶來人氣提升企業品牌知名度，連結更多商機


活動網站是企業除了官網之外，專為短期及特定活動所架設的網站，是整體網

路行銷活動的一部份。為吸引網友進站瀏覽，可能搭配關鍵字廣告及入口網站

的圖像廣告，將消費者帶入活動網頁。通常這樣的網頁在設計上,會比較活潑

生動,在設計上也比較強調產品或活動內容,不止美觀,也有宣傳廣告之用，有時

為了達到最佳效果，會舉辦一些抽獎或問答的活動，以吸引更多網友瀏覽或加

入會員。

活動網站目的?


•新品上市推廣

•商品促銷

•會員募集

•粉絲募集

•提升知名度曝光率

•創造話題

常見的活動網站架構


常見的活動網站架構元素


互動式活動網頁主要為介紹主打商品或最新活動為網站主要目的，在網頁內容上會將活動內容與訊息清

楚介紹，並輔以促銷活動或贈品活動吸引網友瀏覽加入會員或推薦其他朋友一同參與一般常見的活動網

站架構如下，差別多在於[活動操作]舉辦何種活動；

例: 照片票選、留言活動、影片票選、線上投票、問卷填寫、測驗、遊戲結果分享….

活動首頁

活動辦法活動操作參與記錄得獎名單

活動參加參與情況最新賽況

管理後台

按讚加入粉絲團

內容編輯名單管理抽獎操作

結果公佈得獎名單

粉絲團加入推薦

活動規則遊戲說明獎項介紹

產品介紹新品介紹促銷商品

相關連結

隱私政策社群聯結官網連結


活動首頁入口除了表達活動主

題形象，也串連著整個活動各

部，其中以此活動為例:

活動目的在於粉絲招募、品牌

曝光、愛心活動

活動網站主題:

我要把愛傳出去，透過留言分

享，網友參與抽獎，同時還可

以獲得愛心贈品

活動架構: 活動首頁


活動架構: 活動辦法

活動辦法，說明此次活動進行

辦法、目的、規則、流程，以

及獎品介紹、注意事項


活動操作 FB登入及授權結果分享並參加抽獎

編輯貼文並分享(例:留言活動、投票活動…) 取得貼文授權或索取個資授權

活動架構: 活動操作

操作流程，即為此次活動網站功能核心，透過操作參與&分享結果，提高活動

的曝光與好友間的散佈，為活動帶來更多參與者。


活動架構: 參與記錄

一般的活動都會將其網友

參與情況，顯示排列在活

動網頁，可能做為二次活

動例如投票，也有可能僅

做為顯示瀏覽，為網友留

下參與足跡，提供參與活

動的網友好友瀏覽。


活動架構: 得獎名單

一般活動結束後，主辦方會

開始進行人氣獎項的得獎公

佈，或是參加者的抽獎活動，

抽出獲獎的得幸運兒，並公

佈在活動網頁中。

抽獎辦法，一般多為下載參

加名單，主辦方再以線下抽

獎方式進行抽獎，或是使用

電腦抽獎方式抽出獲獎者。


活動進行同時，如果主辦方是製造或銷售廠商，經常會於活動網頁分頁中

介紹自家新商品或是促銷優惠商品，增加商品曝光與銷售機會。

活動架構: 產品介紹


•隱私政策

•社群聯結(如:facebook粉絲團、youtube…)

•官網連結

•產品介紹頁連結

•主辦單位/協辦單位連結

活動架構: 相關連結

在活動網站設計上，常見的相關聯結有:


由於facebok新規定不能強迫使用者按讚後繼續操作或閱讀，

所以現在只能採用建議方式告知使用者可以加入粉絲團!

活動架構: 按讚加入粉絲團

我已按過讚關閉視窗

加入粉絲團隨時掌握最新動態


依據主辦方需求將可能隨時需改

的頁面製作成後台編輯，如:活

動辦法、活動規則、獎品介紹、

得獎公佈，都可以用html編輯器

方式提供主辦方編輯修改。

另外在活動參與記錄管理，透過

管理後台主辦方可瀏覽或下載參

加名單資料。

活動架構: 管理後台

相關說明


1.可即時更新說明內容

(例:活動辦法，獎品介紹，隱私條款，產品介紹..)

2.可隨時瀏覽活動參與狀況及參與人員記錄

(例:參加名單及個人資料，投票名單、票數)

3.下載參與名單資料

(提供參與名單資料之下載.csv檔，可做為抽獎或其他應用)


活動管理後台提供活動網站管理後台，方便客戶即時更新說明內容

1.推薦網友為粉絲團按讚

2.分享活動塗鴉牆

3.活動參與結果分享到網友動態塗鴉牆

4.邀請好友參與活動

5.使用facebook身分參與活動

6.透過facebook身分辦別限定活動參與次數


facebook相關應用

社群應用

1.Facebook會員(向facebook索取網友fb ID、

email、生日)做為日後得獎通知。

2.填寫基本資料(姓名、email、電話)，做為

日後得獎通知、獎品寄送、身分核對。


要求參與網友寫基本聯絡資料

參加者資料取得

電腦抽獎:

如需要電腦自動抽獎，可另外撰寫抽獎器程式，依

據獎項，人數，或特殊塞選條件進行電腦抽獎，抽

獎結果自動公佈於活動網站之活動結果公佈頁。

手動抽獎:

管理員至管理後台下載參與者名單，再透過線下手

動抽獎方式抽出得獎人員，再到後台得獎公佈頁面

使用HTML編輯中獎名單。


活動抽獎器電腦自動抽獎，並公布活動結果公佈頁

目前台灣行動上網普遍，消費者取得活動資訊約已超過6成都來自行動裝置，為提高參與

人數及方便行動裝置操作，經常會另外製作手機版活動網頁。


另設計手機瀏覽器版本，方便行動裝置瀏覽操作

加強版-手機操作最佳化


1.Facebook電腦版與行動版API流程及方案有所不同

(實際評估需依據功能所需所用到facebook API 再做評估)

2.手機瀏覽活動頁面自動轉換手機版網頁

3.因平板電腦畫面較大可無需使用行動版活動網頁，可另判斷

屏版裝置使用電腦網頁版操作

4.手機裝置(Android或iOS)上傳圖片物件與電腦版不同，經常

需採用其他物件實現 (實際評估將依據最終功能需求再做評估)

5.行動裝置螢幕尺寸不同的識別與適應調適

手機設計考量

解決方案



提出您的活動網站功能需求&視覺設計需求，由myapp為您設計專屬活動網站大部分普遍的活動網站案件需求設計費用一般在3萬~6萬(實際費用仍需依功能複雜及視覺設計要求來進行評估)

製作流程:

1.溝通並了解您的需求(視覺呈現、程式功能)

2.提出製作建議 &確認架構與流程

3.視覺設計&提案確認

4.視覺切版&程式撰寫

5.製作完成驗收結案

適用對象: 個人、中小企業，無美編視覺設計人員

方案1. 視覺+程式設計


提供您的視覺設計檔案，由myapp來為您撰寫程式,一般價格可減少約1~2萬(實際費用仍需依據活動設計需求進行評估)

製作流程:

1. 溝通並了解您的需求(視覺呈現、程式功能)

2. 提出製作建議 &確認架構與流程

3. 客戶提供視覺設計資料(視覺設計原檔或切版好的文件)

4. Myapp進行功能程式撰寫

5. 製作完成驗收結案

適用對象: 廣告/公關/行銷公司、企業行銷部，有自己的美編設計人員

方案2. 僅程式設計

1.照片票選活動

http://www.myapp.im/item-show.html?&id=19390

$2,000元/1個月，$3,500/2個月，$5,000/3個月

2.線上投票


$400元/6個月，$800元/年

3.有獎徵答


$400元/6個月，$800元/年

Copyright 2015 ime. All rights Reserved 26適用對象: 個人、企業，預算較低或活動時間急迫

方案3.使用標準應用程式標準活動應用程式，立即安裝馬上編輯使用



常見的活動網站



傳照片，比人氣，抽好禮

活動首頁(活動主題/簡介)


上傳照片填寫聯絡資料產生效果圖分享至塗鴉牆

照片列表人氣票數參加投票

填寫聯絡資料分享至塗鴉牆

管理後台


內容編輯參選名單投票名單抽獎器操作

人氣名次公佈得獎公佈


活動辦法活動獎品活動規範


相關連結



傳照片，比人氣，抽好禮


箴言創作，揪好友投票



箴言填寫填寫聯絡資料產生效果圖分享至塗鴉牆

箴言列表票數

參加投票填寫聯絡資料分享至塗鴉牆

管理後台







相關連結



箴言創作，揪好友投票


玩測驗，抽獎品


活動辦法活動操作得獎名單

進行測驗填寫聯絡資料結果產生效果圖分享至塗鴉牆

管理後台


內容編輯參加名單抽獎器操作

得獎公佈




相關連結



玩測驗，抽獎品


分享短片，比人氣抽好禮



上傳影片填寫聯絡資料分享至塗鴉牆

影片列表人氣票數參加投票

填寫聯絡資料分享至塗鴉牆

管理後台







相關連結



分享短片，比人氣抽好禮


祝福留言分享，抽好禮



填寫留言填寫聯絡資料產生效果圖分享至塗鴉牆

留言記錄列表

管理後台


內容編輯留言名單抽獎器操作

抽獎得獎公佈




相關連結



祝福留言分享，抽好禮


投票，抽好禮



投票說明投票進行

填寫聯絡資料產生效果圖分享至塗鴉牆

投完票顯示目前票數情況

管理後台


內容編輯投票結果參加名單抽獎器操作

抽獎得獎公佈




相關連結



投票，抽好禮


填問卷，抽好禮


活動辦法活動操作得獎名單

問卷說明填寫問卷

填寫聯絡資料產生效果圖分享至塗鴉牆

管理後台


內容編輯問卷記錄參加名單抽獎器操作

抽獎得獎公佈




相關連結



填問卷，抽好禮


分享就抽好禮



分享資訊填寫聯絡資料產生效果圖分享至塗鴉牆

顯示目前分享次數

管理後台


內容編輯分享圖文編輯參加名單抽獎器操作

抽獎得獎公佈




相關連結



分享就抽好禮

製作流程


Step1. 溝通並了解客戶需求(視覺呈現、程式功能)

Step2. 提出製作建議並報價，確認架構與流程、確認合約內容

Step3.提供客戶製作時程表、架構與功能流程確認

Step4. 簽約及支付首款

Step5. 視覺設計與提案確認

Step6. 依客戶建議修改、校對

Step7. 製作完成，客戶驗收結案


製作流程

關於艾明



我們客戶有我們直接服務的客戶，也有透過行銷廣告公司所服務的客戶..

還有超過10,000個粉絲團，安裝myapp的免費或標準應用程式

自營平台:

1.Mymy開店(http://mymy.tw)

2.Bemy APP開店(http://bemy.tw)

3.Myapp facebook 粉絲團應用程式(http://myapp.im)

4.線上心理測驗製作(http://momojojo.tw)

5.GPS汽車追蹤系統(http://trakie.net)


關於艾明艾明除了承接各類網站開發設計，也擁有自己經營的平台

網站開發設計:

1.活動網站設計

2.企業官網設計

3.大型網站平台設計

4.電子商務購物平台設計

艾明設計 http://ime.io


搜尋“粉絲團應用程式”就可找到myapp

活動網頁設計規劃

Design