狠狠撸

狠狠撸Share a Scribd company logo
高登島手工水餃
網站企畫書
高
韻
琪
Glasses TeamAdviser
劉嘉萍 余志鴻
蘇怡文
羅仕浩
蕭芷軒
冉光容蔡紫涵
目錄
一 網站名稱
二 前言
三 目標及目的
四 設計理念
五 視覺風格
六 網頁結構
七 製作技術
八 預期遭遇問題和解決方式
九 行銷方式
十 執行時間和流程
十一 人力配置
十二 相關參考網站及資料
十三 文稿與版頁設計
一、網站名稱
高登島手工水餃銷售平台
二、前言
位於中壢市經營二十二年的高登島手工水餃,經營者曾
任馬祖高登島指揮官,感念在孤島上與弟兄一同打拼的
日子,而以高登島為名創立手工水餃的品牌,就是要與
消費者站在同一陣線。
中壢高登島手工水餃為長榮航空桃園機場貴賓室,唯一
水餃供應商!道地眷村味!滿足饕客們味蕾。
三、目標及目的
1. 讓消費者能認識快速認識高登島手工水餃品牌,增加
公司的知名度。
2. 增加新通路,產品網路化(特性:24小時無國界全年
無休)。
3. 增加曝光率。
4. 建立資料庫 (可提高客戶回流及新產品通知)。
四、設計理念
生活步調的加快,速食文化演繹,現代人似乎透過追求精緻
化的飲食,來慰勞工作上的辛勤,與上班時用餐的匆忙,我
們透過水餃的方式把健康與美味包起來,並且提供24小時
網路線上與APP的訂購平台服務,讓您可以預約您的用餐時
間不用等,也定期提供水餃的創意料理,讓您可以透過煎、
煮、炒、炸,來體驗我們設計創新料理的用心。
用心的製作、細心的選材、多心的設計
是我們高登島網路平台的設計理念
五、視覺風格:
1.造型風格
LOGO是以中國風為設計的主軸,運用雲朵多變的外型,透過線條
的方式與水餃的線條結合,形成具中國古典風的造型,搭配高登島
的書法字形,成我們高登島頗具特色的品牌標誌。
顏色是以中國吉祥的顏色 金色與紅色為主軸,意旨大吉大利財源廣
進水餃樹有金元寶的暱稱棗紅色為輔助色之一搭配
LOGO 首頁(可添加FLASH小動畫)
關於我們 電子報 商品介紹 好菜上桌 購物服務台
最新消息
動態文字
會員專區購物車
產品OR故事照片(淡進淡出效果)
關於我們 電子報 商品介紹購物服務台 好菜上桌 會員專區
品牌故事
製作過程
媒體報導
公佈欄 服務條款
購物合約
購買與配送
退換貨方式
素食
海鮮
辣味
鮮肉
組合包
食譜
烹飪方式
修改會員資料
修該密碼
查詢訂單
高登島餃子
地址 桃園縣中壢市元化路61號
電話 0925689675
信箱
gaodeng61@yahoo.com.tw
營業 週一至週六 07:00至18:50
設計概念
首頁樣式
2.色彩計畫
標準色的設定是基於塑造企業形象以及告知生產內容因素,因此我們的
網站主要用棗紅和黃橘色互相做搭配,這兩個顏色都是明度及彩度高且
屬於暖色系,代表親切、穩重、健康、傳統、多元的色彩形象,皆能表
現傳統又創新的感覺,帶出公司名稱意義及建立明確企業形象。
企
業
標
準
色
企業標準字體
高登島(LOGO) → 書法藝術字
內文→ 微軟正黑體
企
業
輔
助
色
六、網頁結構
高登島手工水餃
index.html
關於我們
about.html
最新消息
news.html
購物服務
serviceclause.htm
l
商品介紹
meattastes.html
創意料理
index_2d.htm
l
會員專區
ptlist.phtm2445
品牌特色
about_makecourse.ht
ml
品牌故事
about_brandstory.html
媒體報導
about_newsreport.htm
l
鮮肉系列
meatastes.html
辣味系列
piquancy.html
素食系列
vegetablefood.htm
l
海鮮系列
seafood.htm
l
組合系列
CompositeShare.ht
ml
修改會員資料
修改密碼
查詢訂單
服務條款
購物合約
購買與配送
退換貨方式
食譜
index_2d.html
架站環境:Windows XP、Windows 7
程式語言:CSS、HTML、JavaScript
應用軟體:llustrator 、 Photoshop 、 Dreamweaver、
InDesign、MS Office (Word、Excel 、PowerPoint)
X-mind、Flash 橫幅廣告、2D電子書製作、
FlipPDFportable
七、製作技術
八、預期遭遇問題和解決方式
預期遭遇的問題 解決的方式
1 網站主題的選定 充分的溝通
2 資料分享與意見交流的困境 利用Google雲端硬碟與Line的社
團
3 商品照片偏黃(兩百多張) 網路上找到有效的調整方法
4 網頁效果間的主程式有衝突 請教羅老師解惑
5 網頁版型的設定 簡化初期的設計
6 商品系列視覺捲動效果無法完成 以Flash的方式呈現
7 電子書iphone版無法綜橫雙向 請教羅老師解惑
九、行銷方式
(1)散裝定價
本店商品採小量包裝、單餐份量,並依材料成本不同而定價(顆
數差異),每包裝售價均相同,不但符合現代小家庭趨勢,且讓消
費者可以一次就品嘗到不同口味,滿足消費者嘗鮮的需求。
(2)組合定價
以『組合產品』的手法推出,價格上會讓消費者覺得比單買還
划算許多, 適合喜愛嘗鮮的消費者族群,或是忙碌的消費者族群。
(3) 促銷定價
到週年慶或特定節日時,便可以採用此方法,例如:加一元多
一件、贈品方式、紅標加綠標等,可以藉此刺激買氣。
A 工作流程:
十、執行時間和流程
1.先對於高登島手工水餃的定位做確定和銷售方向及針對的族群或
哪個年齡層來做小組討論。
2.開始針對討論結果收集相關的資料來做統整和對資料的思考討論。
3.確定對於網站的方向定位後開始討論網頁的版面設計。
4.先做出簡單的網頁企劃書再行討論哪裡要做更改。
5.做出完整的企劃書交給業者之後在進行是否更改或改變企劃等等討論。
6.確定沒有問題之後開始分工來製作網頁。
7.第一階段完成之後,設計者互相討論哪裡是否有認知上的不同或負責
的部分有所缺失。
8.設計完成之後設計者互相進行討論看瀏覽和使用有沒有技術上的問題。
9.再和業者進行討論來做確定和修改。
10.完成網頁,展現成果。
B 進度表
時間 進度
10/9~10/11 定位討論
10/9~10/11 收集資料(網頁參考)
10/9~10/11 小組討論設計方向
10/11~10/14 網頁版面設計 (參考掌聲鼓勵)
10/14~10/15 簡單網頁企劃書
10/15~10/18 針對簡單企劃書設計者來作修改討論
10/23~10/28 做出完整企劃書(高登島手工水餃企劃書)
10/28~10/30 完整企劃書給業者並做講解
B 進度表
時間 進度
10/26~10/26 討論確定(拍水餃照)
11/15~11/21 開始分工來做設計(網站/FALSE/電子書/商品照片文案)
11/21~11/22 第一階段討論修改(網頁含電子書/電子書 iphone/Pad版)
11/22~11/23 繼續完成
11/22~11/23 完成後給業者並進行討論
11/22~11/23 根據業者問題或疑問並討論後來作修改
11/23 最後設計師和業者雙方滿意完成
11/24 網頁完成
八、預期遭遇問題和解決方式
預期遭遇的問題 解決的方式
1 網站主題的選定 充分的溝通
2 資料分享與意見交流的困境 利用Google雲端硬碟與Line的社
團
3 商品照片偏黃(兩百多張) 網路上找到有效的調整方法
4 網頁效果間的主程式有衝突 請教羅老師解惑
5 網頁版型的設定 簡化初期的設計
6 商品系列視覺捲動效果無法完成 以Flash的方式呈現
7 電子書iphone版無法綜橫雙向 請教羅老師解惑
A組織圖
十一、人力配置:
行銷企劃 視覺設計 程式設計執行企劃
高
韻
琪
蕭芷軒
冉光容蔡紫涵 蘇怡文
余志鴻 劉嘉萍
B職務分配
關於我們
about.html
最新消息
news20130903.h
tml
購物服務
serviceclause.ht
ml
商品介紹
meat%20tastes.h
tml 創意料理
index_2d.html
高登島手工水餃
index.html
網站建置
高
韻
琪劉嘉萍
余志鴻
蘇怡文
蕭芷軒
冉光容
蔡紫涵
高
韻
琪冉光容
高
韻
琪
蘇怡文
蘇怡文余志鴻
蘇怡文
劉嘉萍
掌聲穀粒(網站版型的參考對象)
十二 相關的參考網站:
http://www.greeninhand.com/
http://www.ecmd.co.kr/bruschetta/index.do#none
BRUSCHETTA 韓國的義式料理的網站(效果的參考對象)
十三 文稿與版頁設計
高登島手工水餃
index.html
關於我們
about.html
品牌特色
about_makecourse.htm
l
媒體報導
about_newsreport.html
品牌故事
about_brandstory.html
商品介紹
meattastes.html
鮮肉系列
meatastes.html
辣味系列
piquancy.htm
l
商品介紹
meatastes.html
素食系列
vegetablefood.html
海鮮系列
seafood.html
組合系列
CompositShare.html
商品介紹
meattastes.html
會員專區 購物車
購物服務
serviceclause.ht
ml
服
務
條
款
購物合約 購
買
與
配
送
退換貨方式
The END

More Related Content

高登島手工水餃網站企畫書A 2