第一部分：頁面的設(shè)計
頭部：左上角：LOGO ，英文Ｄomigo+ 多美歌
右上角：英文入口（global）、搜索欄、注冊—登錄、微博。 
第一行：導(dǎo)航：
首頁、WIFI音響、音樂APP、優(yōu)先購買/預(yù)約購買
、尋找門店、聯(lián)系我們、多多社區(qū)，經(jīng)銷商申請
首頁：關(guān)于我們、新聞資訊、成長歷程
關(guān)于我們：企業(yè)介紹
新聞資訊：行業(yè)新聞+旗晟科技公司參與的行業(yè)活動新聞
成長歷程：企業(yè)發(fā)展史
WIFI音響：鼠標(biāo)滑至WIFI音響位置，下滑出橫向展示的A3、A5、A7、A9、音樂1號等鏈接位：如圖

A3：鼠標(biāo)放到A3位置，點(diǎn)擊產(chǎn)品名直接進(jìn)入產(chǎn)品詳情頁面，里面產(chǎn)品的說明、購買
產(chǎn)品頁包含內(nèi)容：產(chǎn)品內(nèi)頁包含產(chǎn)品概述、操作功能介紹、外觀工藝、價格體系、規(guī)格，主要以圖片的形式來展示。
購買：進(jìn)入購買頁面
Ａ５Ａ７Ａ９內(nèi)容設(shè)置同A3。
音樂APP：鼠標(biāo)指向“音樂APP”，下拉菜單：關(guān)于音樂1號、APP下載，點(diǎn)擊任意一項都會進(jìn)入音樂1號的詳情頁面，以圖片的形式展示音樂1號的七大板塊：享•ＣＤ、櫻桃時光、環(huán)球ＦＭ、狀元聽書、造音社、歡唱３６５、ＧＯＧＯ看演出以及APP的下載二維碼。
優(yōu)先購買：這個作為一個熱點(diǎn)鏈接，直接指向首頁的bananer圖，圖上放上文字：馬上預(yù)約，點(diǎn)擊跳轉(zhuǎn)進(jìn)預(yù)約界面，就是一個表單，登記表用戶真實姓名、郵箱，
如京東 自助服務(wù)：放置網(wǎng)站的底部導(dǎo)航欄去：售后服務(wù)、維修網(wǎng)點(diǎn)、保修條款、退換查詢、修改訂單、物流查詢、貨到真?zhèn)尾樵儭⒄一刈蕴?、留言建議、常見問題解答
尋找門店：門店地圖展示一個中國地圖的覆蓋網(wǎng)點(diǎn)，地區(qū)按下拉框的形式，選擇省份會展示到該地區(qū)的門店地址信息。
聯(lián)系我們：聯(lián)系方式頁面
多多社區(qū)：注冊登錄、新手入門、專題區(qū)、論壇
經(jīng)銷商申請：線下渠道加盟/線上微店加盟，表單形式，登記加盟者的信息如地區(qū)、姓名、郵箱等個人信息。
第二行：banner圖，幻燈滾動大圖，采用寬幅形式，圖片占據(jù)大部分面板
3-5幀，展示多美歌產(chǎn)品圖片，點(diǎn)擊圖片直接進(jìn)入產(chǎn)品詳情頁。
第三行：行業(yè)新聞列表+音樂1號的七大板塊展示
用CSS3特效或JS做一個視覺效果為3D切換的效果
第四行（底部）：
分4欄
售后服務(wù)  訂單查詢      留言建議             關(guān)注我們

售后流程      修改訂單      聯(lián)系我們     

門店網(wǎng)點(diǎn)      物流查詢      多多社區(qū)

保修條款      配送方式      網(wǎng)站地圖

常見問題解答  貨物真?zhèn)尾樵? 友情鏈接          
APP下載
客服熱線：400電話

版權(quán)所有    粵ICP備案號  CNZZ
1.(圓圈中間一個C的符號)Domigo2014
Domigo是Song-1(音樂1號)和（英國）獨(dú)立設(shè)計實驗室的共同注冊商標(biāo)
Copyright 2014粵ICP備*****號
2.技術(shù)支持熱線

第二部分：網(wǎng)站功能
1、功能需求
①產(chǎn)品的管理系統(tǒng)：添加/維護(hù)產(chǎn)品、新產(chǎn)品的頂置推薦、產(chǎn)品展示排序、添加/維護(hù)產(chǎn)品類別，產(chǎn)品的類別調(diào)用、批量上傳圖片；
②新聞發(fā)布系統(tǒng)：添加/維護(hù)資訊內(nèi)容、資訊置頂、資訊拖拽排序、資訊推薦、抓取新聞、添加/維護(hù)資訊類別（支持首頁調(diào)用）；
新聞資訊具有采集功能，能通過設(shè)置采集規(guī)則，自動采集相關(guān)行業(yè)的資訊；
新聞發(fā)布具有自動發(fā)布的功能，可以通過設(shè)定時間定時發(fā)布；
新聞發(fā)布具有同步更新功能，（類似QQ空間與騰訊微博），可以實現(xiàn)一端發(fā)布全部更新。
③支付系統(tǒng)：包含產(chǎn)品的支付功能（支付寶、網(wǎng)銀）、購物車、訂單查詢， 
④在線客服系統(tǒng)/留言系統(tǒng)： 
⑤會員系統(tǒng)：用戶登錄支持當(dāng)前主流的社會化賬戶 登錄，如QQ、微博登錄。注冊后用戶可查詢訂單情況及物流信息。
添加ICO圖標(biāo)
⑥下載系統(tǒng): 支持多種格式下載、添加/維護(hù)下載內(nèi)容、分權(quán)限下載、下載分類管理;
友情鏈接管理：添加/維護(hù)友情鏈接、鏈接分組管理，自動檢測對方是否有反鏈以及nofollow;
RSS訂閱:為用戶提供RSS訂閱服務(wù)。
⑦論壇社區(qū)：discuz 、Phpwind具體根據(jù)實際情況來定。

3、設(shè)計需求
風(fēng)格：簡潔大方，高端大氣，體現(xiàn)產(chǎn)品的高端定位。參考網(wǎng)站：http://beoplay.cn/#/home
全屏Banner圖
URL上添加ICO圖標(biāo)，強(qiáng)調(diào)官網(wǎng)性質(zhì)

4、維護(hù)需求         
①代碼簡潔，符合維護(hù)規(guī)范，
②網(wǎng)站目錄結(jié)構(gòu)不要太深，應(yīng)呈扁平狀，垂直導(dǎo)航不超過三級；
內(nèi)頁與主頁、內(nèi)頁與導(dǎo)航頁、內(nèi)頁與內(nèi)頁之間都有連接，如文章內(nèi)容頁底部添加“相關(guān)文章、相關(guān)產(chǎn)品”；
③后臺可自定義mete標(biāo)簽，也支持自動獲取維護(hù)關(guān)鍵詞；
④支持GZIP網(wǎng)頁壓縮，提高打開速率
⑤后臺支持自動/手動添加關(guān)鍵詞功能
⑥支持URL靜態(tài)化、偽靜態(tài)；
⑦其他：網(wǎng)站提交功能、網(wǎng)站數(shù)據(jù)監(jiān)測（百度統(tǒng)計/CNZZ）、首頁添加微博關(guān)注按鈕、微信掃描按鈕
⑧制作HTML版網(wǎng)站地圖。
5、安全性需求
服務(wù)器穩(wěn)定
網(wǎng)站程序安全性：定期更新BUG、漏洞掃描、網(wǎng)站安全狗、黑客攔截、木馬掃描、病毒防火墻、數(shù)據(jù)備份（每星期一次）
（注：已有香港空間，如果有好的國內(nèi)空間也可考慮）
6、售后支持
1、開放源碼，以便于后期的技術(shù)維護(hù)。
2、網(wǎng)站使用的售后指導(dǎo)。

頁面模型：
1、    首頁
2、    公司介紹頁面：關(guān)于我們、成長歷程
3、    產(chǎn)品頁面：WIFI音響、在線采購
4、    新聞頁面：新聞資訊
5、    自助服務(wù)：售后服務(wù)、維修網(wǎng)點(diǎn)、保修條款
6、    訂單頁面：訂單查詢、退換、修改訂單、取消訂單、物流查詢
7、    表單頁面：會員注冊登錄、找回注冊號、留言建議
8、    普通內(nèi)容頁面：聯(lián)系我們、常見問題解答、網(wǎng)站地圖、查找門店