C 端設計展示

目前院校庫頁面院校分類邏輯有待改進，排名顯示較為混亂不夠直觀，卡片有效信息不足，卡片設計刺激用戶點擊，需相應增加跳轉鏈接提供更多有效信息， 原有頁面引導用戶引導性按鈕缺乏，影響用戶留存率和機構咨詢率等指標。
 

1 整體頁面設計

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

原版 :

修改后:

 

2 頁面上方選擇菜單邏輯設置

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

 

（2）
 

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

B 端設計展示

根據上述 c 端的改動，b 端“機構測評”頁面也相應地需要做出一些改動，如下所示。
 

 

 
在院校庫編輯信息輸入界面，排名上方增加“排名”可下拉選項，對應前端“排名”選擇，前端僅顯示已勾選排名，如下圖所示。


 
 
 
院校庫——院校介紹界面設計
 

C 端設計展示

目前，院校庫功能整體使用價值偏低，有效信息不足，且無核心功能與咨詢窗口跳轉設置，對平臺機構咨詢率、銷售轉化率等指標貢獻較低，為進一步激活院校庫板塊，增設院校庫詳情介紹頁。

1 整體頁面設計

 

整體由藍色框與四個白色信息卡片構成，藍白框重疊，白框統(tǒng)一圓,4，白框間間距為 10，所有白框與?；請D片左側對齊。




新頁面 

2 院校簡介

背景設置為純藍，左側?；請D片大小為 100（含留白部分），無圓角。右側文字顏色統(tǒng)一為白色，院校中文名字體加粗，字號 20，與?；請D片頂部平行； 院校英文名字號 14，字體不加粗；

第三行定位圖標與英文名首字母對齊，顏色為#A6B9D1，圖標寬 13，高15；位置文字位于定位圖標后 1，字號 14；
分割線粗細為 1，白色，寬 251，左側與英文名首字母對齊；
 

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

3 校園風光

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



標題字號為 16，顏色：#4C94F2，距卡片左側與頂部 1； 分割線居中，寬 357，粗細 1，顏色：#918F8F，距標題 1； 照片大小 82，圓角 4，向左滑動可看到其他圖片。

4 學校簡介

藍色標題與分割線同上；簡介內容字號 14，左對齊，與標題首字對齊。

 

5 專業(yè)列表

藍色標題與分割線同上；院系滾動欄字號 15，無選中時顏色為：#505051， 選中后字體加粗，顏色為：#294184，向左滑動可看到其他院系名稱；
專業(yè)學位展開前限制行數為 4，由中文名與英文名構成，中文名字體加粗， 英文名不加粗，字號均為 14；
“展開全部”字號 16，顏色為：#4C94F2，距卡片下側邊緣約 1，居中；回收圖標顏色同上，大小 27。

6 地理位置

藍色標題與分割線同上；左側貼紙圓形 40，圓形填充色為：#DEE7F8，中

間貼紙顏色為#294184，居于圓形中央，大小約 29（需根據貼紙實際情況靈活調整），貼紙間距為 12；
文字字號 14，黑色，類型字體加粗，具體內容不加粗。

B 端設計展示

根據前端頁面設計，后臺對應增設新功能。
 
 

1 整體頁面設計

后臺路徑為學院庫（一級）——學院庫（二級）——介紹；
整體排版，結合前端信息卡片與陳列方式，后臺相應分設板塊與設置信息填寫順序。

2 院校簡介

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

3 校園風光

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

4 學校簡介

內容字數限制，由運營人員結合前端實際情況進行控制（前端控制在 5 行）。


 
 
 

5 專業(yè)列表

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