南京藝術學院美術館舊版網站於2011年建設完成，這10多年間，中國互聯網特別是移動互聯網技術飛速發展，南藝美術館也在這個大的時代背景下煥發出新機。然而，老網站在視覺設計、前端效果、後台功能、版塊架構、移動端體驗等方面已稍顯落伍與老舊，無法較好地滿足廣大觀眾對於美術館網站的需求。因此本館擬對網站進行升級改版。
在廣泛研究國內外著名博物館、美術館官網基礎上，博眾家之長的同時進行自主創新。在整個網站改版過程中，經過若干次的構思與推敲，若干次的調整與修正，若干次的調研與會議，
在領導的大力支持下，在項目組成員們的全力辛苦付出下，美術館網站才以全新的面貌展現在公眾面前。
本次官網改版主要是為了完成從網站定位、功能、體驗、視覺等各方面實現明顯大幅度提升，
開發過程中，我們以國內外知名美術館官網標準進行定製開發。緊扣全新的網站定位：宣傳展示、引導關注、激發興趣、建立強認知、提高認可度。重點在頁面效果、系統功能、移動端體驗這三方面着力。讓網站視覺更好看、效果更創新、功能更強大、系統更安全。
變，全新的頁面效果
——以南藝美術館特質與時代特色為靈感，爭取讓人一見傾心。
改變的太多，筆者就選幾處，向大家匯報：
第一印象，很重要。
我們希望第一屏就讓人眼前一亮。
因此首屏banner為全屏展示，包括視頻與橫幅圖片的輪播。
來源於這樣的用戶體驗研究：「一般人瀏覽頁面遵循一個順序：首先看視頻，再看圖片，然後看標題，最後看文字段落。」
更好的前端效果，頁面更靈動
網站不同與平面設計的一個重要點就是：鼠標觸發與滑動效果。
我們在首頁用了多重動效，包括banner遮罩效果、兩種不同的導航區域效果、視頻與圖片輪換效果、觸發標題出現封面圖效果等等。
菜單導航區域採用固定置頂+智能變色+下拉菜單的模式，確保用戶無論合適都可以看到導航、了解全站欄目以便通達全站任意欄目。
新穎的展覽詳情頁：
1、進入每個展覽頁面，首先看到的是全屏大圖輪播，給人以視覺衝擊力。2、每個展覽訊息都可與視頻庫中的相關視頻無縫對接。
這樣可讓展覽信息更有立體感，更有傳播力與表現力。
注意細節，細微之處見真章
本次網站升級改版工作中儘可能地認真、嚴謹、細緻。注意細節到什麼程度呢？我給大家匯報一個小小的例子。在網站banner切換的小圖標，原來是一個小圓點，不認真看甚至不會注意到。但是正是這毫不起眼的一個細節，在一遍遍的修正過程中也被改進了，這個小圖標被我們改成了美術館屋頂鳥瞰圖的象形標誌。
變，更強大的功能
後端環節重點開發了展覽展示系統、公共教育信息系統、典藏品展示系統、志願者申請系統、統一用戶權限管理系統、頁面形式統一管理、CMS等系統，以及開發了一些實用小功能，譬如一鍵分享、手機端一鍵導航、視頻中心、文件下載等。
更好用的典藏品系統.
在典藏版塊，建立了完善的典藏數據庫，每個藏品關聯的字段有名稱、尺寸、材質、種類、作者年份、作者信息、圖片、相關展覽、展覽連結、關鍵詞、關鍵詞閱讀等，採用高度智能化的排序模式與檢索模式。可讓訪客迅速找到自己關心的藏品信息。
更好用的檢索系統
輸入一個關鍵詞，自動出來與該關鍵詞有關的文章、展覽、典藏信息。分類合理，邏輯清晰，便於訪客更快找到自己關心的信息。
變，更好的移動端效果
手機網站的應用場景主要有：1、微信聊天中的連結、微信朋友圈的分享連結。可以與微信公眾號無縫對接。2、通過手機百度或其他搜尋引擎搜索關鍵詞後，點擊的連結。3、手機瀏覽器（譬如Safari、UC、華為瀏覽器、QQ瀏覽器等）4、其他手機APP中的連結（譬如微博、手機QQ、手機QQ空間、有道雲筆記、人人網等）。
網站主要頁面絕非PC端的強制縮小適配，而是均根據訪客在手機端的瀏覽習慣，個性化定製設計一套UI體系；並依此進行相應的前端效果開發，兼容各主流手機瀏覽器；在後端環節，手機版內容與pc版內容，高度集成，統一管理，在後台添加管理一次信息，PC與手機端同步更新。
不變的，
是把高雅藝術品味，帶給更多觀眾的初心。
歷史資料的傳承：完美對過去10年各項資料進行全面整理，完成了過去10年4000多篇中英文版各類文章、26000多個字段項目的手動排版與錄入。
這些創新點和例子都只是新版網站開發中的九牛一毛，當前新網站PC端與手機端已全新亮相上線，但是追求完美，永無止境，改進提升會一直在路上，也歡迎廣大觀眾給出意見與建議。相信經過近8個月全體工作人員辛勤的工作，新版美術館官網一定能為觀眾提供更優質的線上服務，讓官網成為本館文化、教育、藝術傳播的平台。