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

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

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

 

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

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

 

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

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

 

 
1、這個(gè)文檔資源篩選都有不同的樣式，這樣的其實(shí)完全可以避免的東西，因?yàn)橛脩舻牡谝谎壅J(rèn)為的東西，后面其實(shí)不容易去修改，簡而言之就是定性的問題。
2、產(chǎn)品的視頻的呈現(xiàn)還可以有優(yōu)化的空間，目前看起來不夠大氣簡潔。同時(shí)加上黑色的蒙版，感覺視頻有點(diǎn)臟。
3、用戶資源的這個(gè)地方突兀的使用一個(gè)黃色來搭配，其實(shí)有點(diǎn)跳脫的感覺，如果能使用藍(lán)色或者綠色搭配，會(huì)更加協(xié)調(diào)。同時(shí)底部選中頁采用藍(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)格一致