建站常識
回顧35com官網(wǎng)改版歷程系列之一
2009-06-02 12:10:00
作者,吳志超,網(wǎng)頁設計師聯(lián)盟第145期專訪優(yōu)秀設計師,詳細資料>>
2005年4月,35.com改版的起始之日,也是類似二萬五千里長征般艱苦拼搏的開始,在經(jīng)過1年半全體主創(chuàng)人員噴血賣腎的拼命掙扎后,終于在2007年的開春之際全面上線?;仡欉^程那是相當?shù)钠D辛,觀看成果那是相當?shù)男牢?,在此補上對所有參與改版的GG和MM的感謝!
現(xiàn)在已是2009年4月,新版35.com轉(zhuǎn)眼已經(jīng)4周歲,為表慶祝,以下將我們回憶的設計過程整理成冊,和業(yè)界的各位同仁共分享。
先來看看新舊對比:
摸索前進的需求階段:
一次不經(jīng)意的提議,揭開了35com官網(wǎng)全新改版的序幕。在沒有明確方向和完善需求的前提下,我們開始了漫無邊際的太空探索。由于35com是一個比較龐大并且積累較久的門戶站點,其結構和內(nèi)容錯綜復雜,所以首先要做的就是把網(wǎng)站的整體框架和內(nèi)容梳理清楚。我們先將網(wǎng)站現(xiàn)有的一級欄目全部的列出,之后在向下補充二級欄目,直至將所有內(nèi)容全部補充完整。
為了梳理出比較合理易用的網(wǎng)站結構樹,我們進行了第一次次腦爆,主要目的是針對現(xiàn)有的網(wǎng)站結構內(nèi)容進行重組優(yōu)化。經(jīng)過一番同行業(yè)網(wǎng)站的對比和激烈的討論后,初步擬定新網(wǎng)站的主干,將公司的幾塊主營業(yè)務虛擬主機、域名注冊、企業(yè)郵局、網(wǎng)站建設、老板簽批系統(tǒng)劃分在一級欄目,將其他自主研發(fā)產(chǎn)品整合為產(chǎn)品中心,將售前售后等各種支持類服務整合為服務中心。
初步擬定主干后,我們開始規(guī)劃首頁布局,首頁作為客戶訪問網(wǎng)站的第一印象,至關重要,務必讓客戶能夠直觀明了的了解我們的業(yè)務范圍及特色項目。原計劃規(guī)劃一個中型門戶規(guī)模的首頁,構思提交相關領導后被否了,簡約大氣才是硬道理,類似Dell、IBM這些巨型公司的風格有很多可以借鑒的亮點。GG,MM再次操起家伙,進行地毯式搜索,網(wǎng)羅類似風格的主流站點。累積了海量的資料,再加上之前整理的實際網(wǎng)站內(nèi)容,第二次腦爆的前期準備基本完全,攤開記事本和畫紙,放上一打提神的可樂,各式各樣的創(chuàng)意草稿躍然紙上。對各種創(chuàng)意草稿進行提煉后,最終選定了三種最有價值的方案:
1、提供歸納后的綜合入口,及入口的描述,不具體展示欄目內(nèi)容;對于專業(yè)客戶來說會更有針對性,對于普通用戶則是缺乏直觀性,如果沒有耐心的客戶很容易流失。
2、以流行的選項卡形式表現(xiàn)需在首頁展示的欄目,以最小的空間展示最多的內(nèi)容,可適當平衡以上兩點。
3、采用最傳統(tǒng)的方式,直接展示最關鍵的內(nèi)容,更適合普通用戶。
反復推敲的設計階段:
兩次的腦暴誕生出一個相對明確的需求,接下來進入表達實際效果的樣稿設計階段。需要確認的東西很多,主色調(diào),結構風格,采用的設計手法等等,經(jīng)過無敵多次的推敲,簡潔、大氣、時尚兼具行業(yè)特色被最終確定為這次設計的指導方向。主色調(diào)從公司樹立統(tǒng)一品牌形象的角度考慮,一致認為選擇公司VI色藍色,兼顧到當時的流行色已非昔日強質(zhì)感的暗色,而是逐漸轉(zhuǎn)換為輕柔淡雅的清爽色系,所以在原有公司VI藍的基礎上進行新的嘗試,群眾的力量是無限的,經(jīng)過一番多樣化的調(diào)試和實用性對比,終于確認了大家都覺得ok的主色調(diào)。
群策群力,經(jīng)過兩天兩夜的連續(xù)作戰(zhàn),我們最終完成了五個樣稿提交部門評審組審核。
接下來,讓我們回顧下當時的初稿
稿1:
稿2:
稿3:
稿4:
稿5:
初稿的提交就是激烈碰撞的開始,部門評審組組織了第三次的腦暴,針對五個樣稿進行了全方位多層次的分析,提取優(yōu)點,摒棄缺點,形成了最終的修改意見。在經(jīng)過一天一夜的后續(xù)完善加工,35com官網(wǎng)的第一版原型誕生了。
未完待續(xù)…
原文:http://www.superui.com/blog/post/000313.htm
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
微官網(wǎng)帶來的好處 搜索引擎蜘蛛 青島輪胎網(wǎng)站設計公司 舒適的界面 微信開發(fā) HTML5 robots 青島網(wǎng)站案例 官網(wǎng)網(wǎng)站建設 網(wǎng)站建設,企業(yè)網(wǎng)站建設 集團公司網(wǎng)站建設 H5 青島高端網(wǎng)站設計公司哪家好 青島好的網(wǎng)站優(yōu)化公司 青島做網(wǎng)站多少錢 營銷型網(wǎng)站建設 圖形網(wǎng)格 審美 微網(wǎng)站 青島flash網(wǎng)站 網(wǎng)站交互設計 網(wǎng)頁設計 青島高端網(wǎng)站建設公司哪家好 微信小程序 青島網(wǎng)頁制作 網(wǎng)站的速度 GOOGLE 網(wǎng)站設計 網(wǎng)站SEO 青島SEO