目前網(wǎng)站內(nèi)頁(yè)需要優(yōu)化環(huán)節(jié)
1、與首頁(yè)的設(shè)計(jì)風(fēng)格一致，打造更加良好的用戶(hù)視覺(jué)體驗(yàn)，讓整個(gè)網(wǎng)站的視覺(jué)內(nèi)容更加統(tǒng)一和諧。
2、優(yōu)化內(nèi)容放置的邏輯，理順瀏覽的順序，讓用戶(hù)能更快的找到自己想要的信息內(nèi)容。
3、 產(chǎn)品頁(yè)面邏輯比較復(fù)雜需要優(yōu)化。
4、 產(chǎn)品頁(yè)面主圖不夠統(tǒng)一，有的產(chǎn)品內(nèi)頁(yè)有主圖有的沒(méi)有主圖。
5、運(yùn)用領(lǐng)域板塊每個(gè)大類(lèi)缺少綜合頁(yè)面，建議增加綜合頁(yè)面增強(qiáng)用戶(hù)體驗(yàn)。
6、資源板塊建議優(yōu)化，排版比較傳統(tǒng)。
7、售后服務(wù)欄目建議做成專(zhuān)題形式圖文結(jié)合提高視覺(jué)效果加強(qiáng)交互效果。
8、公司簡(jiǎn)介欄目不夠新穎，建議做成專(zhuān)題把公司簡(jiǎn)介、全球布局、發(fā)展歷程、榮譽(yù)資質(zhì)全部做在同一個(gè)頁(yè)面。
9、新聞動(dòng)態(tài)不建議放在關(guān)于我們欄目里面可以單獨(dú)出來(lái)放在網(wǎng)站底部導(dǎo)航欄。
10、關(guān)于我們聯(lián)系我們頁(yè)面可以進(jìn)一步優(yōu)化，目前排版和結(jié)構(gòu)視覺(jué)提上空間比較大。
11、移動(dòng)端體驗(yàn)不佳，建議手機(jī)端重新設(shè)計(jì)。
 

每一個(gè)聚合頁(yè)的用色的問(wèn)題不夠統(tǒng)一，有的是以藍(lán)色為主，有的是以綠色為主，這樣的視覺(jué)容易讓客戶(hù)對(duì)于一些動(dòng)效的混亂，最好的方式就是選擇一種顏色去貫穿整個(gè)網(wǎng)站，同時(shí)搭配少數(shù)的另外一種顏色來(lái)點(diǎn)綴一些icon，這樣的風(fēng)格就比較統(tǒng)一，同時(shí)也不缺乏視覺(jué)。
 

每個(gè)產(chǎn)品詳情頁(yè)面太素，缺少活力容易造成審美疲勞同時(shí)內(nèi)頁(yè)缺少交互
動(dòng)態(tài)效果太過(guò)于平面。
 
本次優(yōu)化的重點(diǎn)
1、與首頁(yè)的設(shè)計(jì)風(fēng)格一致，打造更加良好的用戶(hù)視覺(jué)體驗(yàn)，讓整個(gè)網(wǎng)站的視覺(jué)內(nèi)容更加統(tǒng)一和諧。
2、優(yōu)化內(nèi)容放置的邏輯，理順瀏覽的順序，讓用戶(hù)能更快的找到自己想要的信息內(nèi)容。
內(nèi)頁(yè)優(yōu)化
產(chǎn)品頁(yè)面

 

從基因測(cè)序儀、實(shí)驗(yàn)室自動(dòng)化業(yè)務(wù)以及新業(yè)務(wù)的產(chǎn)品的聚合頁(yè)來(lái)看。
1、設(shè)計(jì)是不統(tǒng)一的狀態(tài)，這樣的設(shè)計(jì)邏輯會(huì)給用戶(hù)帶來(lái)很大的困擾，覺(jué)得這些內(nèi)容都不是同一個(gè)模塊。
2、從單一個(gè)的一些頁(yè)面來(lái)看，例如基因測(cè)試儀，這里的幾個(gè)產(chǎn)品的對(duì)比數(shù)據(jù)都出來(lái)了，反而顯得整個(gè)頁(yè)面的都非常的擁擠，不容易凸出這幾個(gè)產(chǎn)品明顯的優(yōu)缺點(diǎn)，反而讓用戶(hù)提不起看完整塊內(nèi)容的興趣，錯(cuò)過(guò)一些重要的內(nèi)容，如果能清晰一點(diǎn)的分割每一塊的內(nèi)容，同時(shí)加一些小的色彩動(dòng)效，用戶(hù)在瀏覽的同時(shí)，有一些與產(chǎn)品的交互，這樣就比較能接受產(chǎn)品多的信息，如下這樣的風(fēng)格。
 

 
3、每一個(gè)聚合頁(yè)的用色的問(wèn)題不夠統(tǒng)一，有的是以藍(lán)色為主，有的是以綠色為主，這樣的視覺(jué)容易讓客戶(hù)對(duì)于一些動(dòng)效的混亂，最好的方式就是選擇一種顏色去貫穿整個(gè)網(wǎng)站，同時(shí)搭配少數(shù)的另外一種顏色來(lái)點(diǎn)綴一些icon，這樣的風(fēng)格就比較統(tǒng)一，同時(shí)也不缺乏視覺(jué)。
 
說(shuō)完產(chǎn)品的聚合頁(yè)面，那我就來(lái)說(shuō)說(shuō)產(chǎn)品的詳情頁(yè)
 

 

 
1、banner的風(fēng)格雖然保持了統(tǒng)一，但是底部的二級(jí)欄目頁(yè)缺有明顯的不同，
一個(gè)設(shè)計(jì)成聚合導(dǎo)航欄的樣式，一個(gè)設(shè)計(jì)成分散導(dǎo)航欄的樣式，這樣的設(shè)計(jì)的用意有什么的，我們要做的就是規(guī)范這些視覺(jué)輸出，不要有太大的差異化。
2、設(shè)計(jì)的樣式太過(guò)于簡(jiǎn)單，其實(shí)對(duì)于整個(gè)產(chǎn)品的詳情頁(yè)來(lái)說(shuō)，我們的設(shè)計(jì)要針對(duì)的不僅僅是對(duì)于內(nèi)容的排版，更重要的是把控整體的頁(yè)面的美觀舒適，做到我們用戶(hù)能更加舒適的瀏覽同時(shí)兼具美學(xué)。
3、交互的效果有點(diǎn)少，可以適當(dāng)?shù)募右恍┙换?，讓整個(gè)頁(yè)面更加靈動(dòng)一些。
 
應(yīng)用頁(yè)面
 

 
1、像應(yīng)用的這些頁(yè)面也同時(shí)存在上面的問(wèn)題，有的方案有banner圖片，有的則沒(méi)有，同時(shí)這些瀏覽的邏輯也是沒(méi)有那么清晰的，二級(jí)分類(lèi)的導(dǎo)航成了產(chǎn)品分類(lèi)的導(dǎo)航，這些是針對(duì)我們現(xiàn)有的問(wèn)題需要調(diào)整的。
2、設(shè)計(jì)的豐富性，目前有些頁(yè)面看起來(lái)還是很空洞，這個(gè)可能也是和內(nèi)容的多少有關(guān)系，但是整體還有可優(yōu)化的空間。增添一些圖標(biāo)和圖形來(lái)增添整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)感。
 
 
資源頁(yè)面
 

 

 
1、這個(gè)文檔資源篩選都有不同的樣式，這樣的其實(shí)完全可以避免的東西，因?yàn)橛脩?hù)的第一眼認(rèn)為的東西，后面其實(shí)不容易去修改，簡(jiǎn)而言之就是定性的問(wèn)題。
2、產(chǎn)品的視頻的呈現(xiàn)還可以有優(yōu)化的空間，目前看起來(lái)不夠大氣簡(jiǎn)潔。同時(shí)加上黑色的蒙版，感覺(jué)視頻有點(diǎn)臟。
3、用戶(hù)資源的這個(gè)地方突兀的使用一個(gè)黃色來(lái)搭配，其實(shí)有點(diǎn)跳脫的感覺(jué)，如果能使用藍(lán)色或者綠色搭配，會(huì)更加協(xié)調(diào)。同時(shí)底部選中頁(yè)采用藍(lán)色或者綠色也更加統(tǒng)一。
 
投資者關(guān)系和關(guān)于我們后續(xù)都可以加強(qiáng)設(shè)計(jì)，同時(shí)把控整體的風(fēng)格。
 

移動(dòng)端體驗(yàn)效果不好，建議移動(dòng)端可單獨(dú)設(shè)計(jì)跟pc端風(fēng)格一致