C 端設(shè)計(jì)展示

目前院校庫(kù)頁(yè)面院校分類邏輯有待改進(jìn)，排名顯示較為混亂不夠直觀，卡片有效信息不足，卡片設(shè)計(jì)刺激用戶點(diǎn)擊，需相應(yīng)增加跳轉(zhuǎn)鏈接提供更多有效信息， 原有頁(yè)面引導(dǎo)用戶引導(dǎo)性按鈕缺乏，影響用戶留存率和機(jī)構(gòu)咨詢率等指標(biāo)。
 

1 整體頁(yè)面設(shè)計(jì)

頁(yè)面排版基本不變，上方分類欄設(shè)置“國(guó)家”優(yōu)先，改原有“全球”顯示為“國(guó)家”，， “專業(yè)排名”改為“專業(yè)”。頁(yè)面右側(cè)添加兩個(gè) icon，分別對(duì)應(yīng)原有的“智能匹配”和“一鍵咨詢（人工咨詢）”兩個(gè)功能，參考更新后功能名稱，整體布局如下圖 2.1 所示。

原版 :

修改后:

 

2 頁(yè)面上方選擇菜單邏輯設(shè)置

（1） 當(dāng)具體選擇排名類別時(shí)，下方院校僅顯示所選排名，其余排名隱藏，如圖2.2 所示。
 

 

（2）
 

院校排名支持不填，如麻省理工學(xué)院 THE 排名不填，則在 THE 排名篩選下不顯示麻省理工學(xué)院。

B 端設(shè)計(jì)展示

根據(jù)上述 c 端的改動(dòng)，b 端“機(jī)構(gòu)測(cè)評(píng)”頁(yè)面也相應(yīng)地需要做出一些改動(dòng)，如下所示。
 

 

 
在院校庫(kù)編輯信息輸入界面，排名上方增加“排名”可下拉選項(xiàng)，對(duì)應(yīng)前端“排名”選擇，前端僅顯示已勾選排名，如下圖所示。


 
 
 
院校庫(kù)——院校介紹界面設(shè)計(jì)
 

C 端設(shè)計(jì)展示

目前，院校庫(kù)功能整體使用價(jià)值偏低，有效信息不足，且無(wú)核心功能與咨詢窗口跳轉(zhuǎn)設(shè)置，對(duì)平臺(tái)機(jī)構(gòu)咨詢率、銷售轉(zhuǎn)化率等指標(biāo)貢獻(xiàn)較低，為進(jìn)一步激活院校庫(kù)板塊，增設(shè)院校庫(kù)詳情介紹頁(yè)。

1 整體頁(yè)面設(shè)計(jì)

 

整體由藍(lán)色框與四個(gè)白色信息卡片構(gòu)成，藍(lán)白框重疊，白框統(tǒng)一圓,4，白框間間距為 10，所有白框與?；?qǐng)D片左側(cè)對(duì)齊。




新頁(yè)面 

2 院校簡(jiǎn)介

背景設(shè)置為純藍(lán)，左側(cè)?；?qǐng)D片大小為 100（含留白部分），無(wú)圓角。右側(cè)文字顏色統(tǒng)一為白色，院校中文名字體加粗，字號(hào) 20，與校徽?qǐng)D片頂部平行； 院校英文名字號(hào) 14，字體不加粗；

第三行定位圖標(biāo)與英文名首字母對(duì)齊，顏色為#A6B9D1，圖標(biāo)寬 13，高15；位置文字位于定位圖標(biāo)后 1，字號(hào) 14；
分割線粗細(xì)為 1，白色，寬 251，左側(cè)與英文名首字母對(duì)齊；
 

第四行排名字號(hào) 14，不加粗，與英文名首字母對(duì)齊，排名間由分割線隔開，分割線粗細(xì)為 1，白色，寬 15。
 

3 校園風(fēng)光

卡片邊框底部白色填充，圓角 4，寬 373，高 128；



標(biāo)題字號(hào)為 16，顏色：#4C94F2，距卡片左側(cè)與頂部 1； 分割線居中，寬 357，粗細(xì) 1，顏色：#918F8F，距標(biāo)題 1； 照片大小 82，圓角 4，向左滑動(dòng)可看到其他圖片。

4 學(xué)校簡(jiǎn)介

藍(lán)色標(biāo)題與分割線同上；簡(jiǎn)介內(nèi)容字號(hào) 14，左對(duì)齊，與標(biāo)題首字對(duì)齊。

 

5 專業(yè)列表

藍(lán)色標(biāo)題與分割線同上；院系滾動(dòng)欄字號(hào) 15，無(wú)選中時(shí)顏色為：#505051， 選中后字體加粗，顏色為：#294184，向左滑動(dòng)可看到其他院系名稱；
專業(yè)學(xué)位展開前限制行數(shù)為 4，由中文名與英文名構(gòu)成，中文名字體加粗， 英文名不加粗，字號(hào)均為 14；
“展開全部”字號(hào) 16，顏色為：#4C94F2，距卡片下側(cè)邊緣約 1，居中；回收?qǐng)D標(biāo)顏色同上，大小 27。

6 地理位置

藍(lán)色標(biāo)題與分割線同上；左側(cè)貼紙圓形 40，圓形填充色為：#DEE7F8，中

間貼紙顏色為#294184，居于圓形中央，大小約 29（需根據(jù)貼紙實(shí)際情況靈活調(diào)整），貼紙間距為 12；
文字字號(hào) 14，黑色，類型字體加粗，具體內(nèi)容不加粗。

B 端設(shè)計(jì)展示

根據(jù)前端頁(yè)面設(shè)計(jì)，后臺(tái)對(duì)應(yīng)增設(shè)新功能。
 
 

1 整體頁(yè)面設(shè)計(jì)

后臺(tái)路徑為學(xué)院庫(kù)（一級(jí)）——學(xué)院庫(kù)（二級(jí)）——介紹；
整體排版，結(jié)合前端信息卡片與陳列方式，后臺(tái)相應(yīng)分設(shè)板塊與設(shè)置信息填寫順序。

2 院校簡(jiǎn)介

排名增加顯示與隱藏按鈕。

3 校園風(fēng)光

圖片上傳數(shù)量限制 8 張，尺寸為 200*200px 像素以上，大小 2M 以下。
 
 

4 學(xué)校簡(jiǎn)介

內(nèi)容字?jǐn)?shù)限制，由運(yùn)營(yíng)人員結(jié)合前端實(shí)際情況進(jìn)行控制（前端控制在 5 行）。


 
 
 

5 專業(yè)列表

院系與對(duì)應(yīng)專業(yè)換行輸入。