一、設(shè)計(jì)原則：
簡潔、形象、可視性強(qiáng)、瀏覽載入速度快
二、基本要求
1、主色調(diào)：藍(lán)色
2、主框架：
 三、詳細(xì)設(shè)計(jì)要求
A、主界面
1、logo、公司名稱和使命欄、聯(lián)系方式
Logo如圖所示
公司名稱：深圳市世紀(jì)創(chuàng)展投資管理有限公司
愿景：中國商業(yè)與產(chǎn)業(yè)地產(chǎn)全價(jià)值鏈服務(wù)商領(lǐng)跑者
聯(lián)系方式：13714374987  0755-23350855
版式：左邊logo及公司名稱，左下角公司使命，右側(cè)聯(lián)系電話，右上側(cè)為“設(shè)為首頁和加入收藏”
 參考案例：公司logo和公司名稱、公司使命
 注：參考排版組合方式
 注：參考字體
參考案例——聯(lián)系方式
 參考案例——聯(lián)系方式和“設(shè)為首頁和加入收藏”
 注：參考——聯(lián)系方式
聯(lián)系方式和“設(shè)為首頁和加入收藏”
2、導(dǎo)航欄
內(nèi)容；首頁、關(guān)于我們、產(chǎn)品服務(wù)、創(chuàng)展觀點(diǎn)、研究中心、經(jīng)典案例、新聞動(dòng)態(tài)、招賢納士、聯(lián)系我們
參考案例
 
注：版式和色彩
 
注：色彩
3、播放窗口
內(nèi)容：播放窗口以圖片為主，展示公司服務(wù)案例、公司研究成果
風(fēng)格：大氣、靚麗、實(shí)用
注：參考其內(nèi)容
4、業(yè)務(wù)板塊
業(yè)務(wù)板塊：分為六大板塊：物流園區(qū)規(guī)劃及建筑設(shè)計(jì)、商業(yè)地產(chǎn)策劃及建筑設(shè)計(jì)、產(chǎn)業(yè)地產(chǎn)策劃及建筑設(shè)計(jì)、信息系統(tǒng)開發(fā)、企業(yè)戰(zhàn)略咨詢、資產(chǎn)處置及管理
版式：采用圖文并茂形式，鼠標(biāo)單擊進(jìn)入單一板塊內(nèi)容展示
注：參考其展示形式，當(dāng)建議改為單擊而非經(jīng)過

參考板塊表現(xiàn)形式——圖文并茂
4、公司簡介：
文字簡潔，字?jǐn)?shù)控制在200字以內(nèi)，左側(cè)為公司微信二維碼，右側(cè)為公司簡介文字
參考案例：
注：參考表現(xiàn)形式
5、公司案例
只顯示經(jīng)典案例，其他通過更多體現(xiàn)，顯示10條
6、公司動(dòng)態(tài)/行業(yè)動(dòng)態(tài)
采用點(diǎn)擊切換方式，參照業(yè)務(wù)板塊形式，內(nèi)部以逐條顯示為主，控制在10條
參考案例：
 注：參考版式——切換
注：參考表現(xiàn)形式——逐條顯示
7、友情鏈接
顯示logo，滾動(dòng)形式
參考案例：http://www.landvision.cn/
注：參考圖標(biāo)表現(xiàn)形式和滾動(dòng)播放形式
B、各子界面
1、關(guān)于我們
版式：頁面上側(cè)為圖片，左側(cè)為導(dǎo)航欄，導(dǎo)航欄下方為微信二維碼、聯(lián)系方式、聯(lián)系地址，右下為正文部分，以純文字或文字加圖片形式展示
導(dǎo)航欄內(nèi)容：
公司簡介、公司文化、公司發(fā)展歷程、公司組織架構(gòu)、公司團(tuán)隊(duì)、公司業(yè)務(wù)范圍
參考案例：
注：參考聯(lián)系方式和聯(lián)系地址部分
注：參考整體版式風(fēng)格
注：參考整體辦法風(fēng)格
2、產(chǎn)品服務(wù)
版式：頁面上側(cè)為圖片，左側(cè)為導(dǎo)航欄，導(dǎo)航欄下方為微信二維碼、聯(lián)系方式，右下為正文部分，以文字加圖片形式展示，其中圖片和文字可以超鏈接進(jìn)入下一頁面
導(dǎo)航欄：物流園區(qū)規(guī)劃、商業(yè)地產(chǎn)策劃、管理咨詢、資產(chǎn)管理、資產(chǎn)處置
參考案例
注：參考版式
點(diǎn)擊圖片或文字后進(jìn)入的頁面參考
 注：參考版式
 注：參考點(diǎn)擊連接后的頁面中正文部分，圖文并茂，同時(shí)提供“服務(wù)介紹、我們的客戶、經(jīng)典案例三個(gè)選項(xiàng)卡
3、創(chuàng)展觀點(diǎn)
版式：頁面上側(cè)為圖片，左側(cè)為導(dǎo)航欄，導(dǎo)航欄下方為微信二維碼、聯(lián)系方式，右下為正文部分，以文字加圖片形式展示，其中文字可以超鏈接進(jìn)入下一頁面
導(dǎo)航欄：政策研究、專家觀點(diǎn)、行業(yè)動(dòng)態(tài)
參考案例
注：參考整體版式
注：參考正文部分版式
點(diǎn)擊文字進(jìn)入下一步頁面
 注：參考點(diǎn)擊進(jìn)入的下一頁面內(nèi)容
4、研究中心
版式：頁面上側(cè)為圖片，左側(cè)為導(dǎo)航欄，以文字形式展示，文字可以超鏈接進(jìn)入下一頁面，中間為搜索欄，按照關(guān)鍵字搜索，下方為數(shù)據(jù)資料
導(dǎo)航欄：城市宏觀資料、零售商業(yè)格局、專業(yè)市場格局、物流格局、消費(fèi)者研究、其他研究
參考案例
 
注：參考導(dǎo)航欄
 
注：參考搜索及正文
5、經(jīng)典案例
版式：頁面上側(cè)為圖片，左側(cè)為導(dǎo)航欄，導(dǎo)航欄下方為微信二維碼、聯(lián)系方式，右下為正文部分，以文字加圖片形式展示，其中文字或圖片可以超鏈接進(jìn)入下一頁面
導(dǎo)航欄：物流園區(qū)規(guī)劃、商業(yè)地產(chǎn)策劃、管理咨詢、招商、運(yùn)營、物業(yè)管理、銷售
參考案例
 注：參考其整體風(fēng)格、圖文并茂、點(diǎn)擊圖片進(jìn)入下一頁、點(diǎn)擊選項(xiàng)卡切換
 
注：參考案例介紹方案，左側(cè)為圖片，右側(cè)圍文字，“創(chuàng)展價(jià)值“項(xiàng)
6、招賢納士
版式：頁面上側(cè)為圖片，左側(cè)為導(dǎo)航欄，導(dǎo)航欄下方為微信二維碼、聯(lián)系方式，右下為正文部分
導(dǎo)航欄：顧問、項(xiàng)目經(jīng)理、合伙人
參考案例
注：參考版式及正文內(nèi)容
7、聯(lián)系我們
版式：頁面上側(cè)為圖片，左側(cè)為導(dǎo)航欄，導(dǎo)航欄下方為微信二維碼、聯(lián)系方式，右下為正文部分
導(dǎo)航欄：聯(lián)系我們
參考案例