Background

項目背景

清華-伯克利深圳學院 www.tbsi.edu.cn是由清華大學、加州伯克利大學與深圳市人民政府聯合成立。整合兩校優質科研和教育資源,深圳和加州伯克利大學兩個校區開展研究與教學工作。清華-伯克利深圳學院邀請HOLY荷勒爲其新網站和招生、招聘雙系統提供全新的用戶體驗、UI設計、系統開發,將TBSI具有國際化的雙名校聯合的教育資源和國際化的清華大學教育理念有效的傳達給對TBSI感興趣的學生。讓他們通過了解TBSI後,轉化成TBSI的優質學生,達到學生與學校雙贏的局面。

TBSI2.jpg

design research

設計研究

我們通過與校方進行溝通會議研究,挖掘TBSI的核心需求和學生的聚焦點,收集用戶對舊網站架構的反饋意見,然後將官網的各種信息進行解構和重組。讓學生能輕松找到自己所需的內容資訊,讓TBSI能將自身的優勢得以最大化的展示,並將其在新網站中體現出來。

TBSI3.jpgtbsi設計研究1.jpgtbsi設計研究2.jpg

interaction design

交互設計

我們將反饋意見後進行整理分析後,再對比國外優秀的競品網站,嘗試重新構建一個新架構,並讓用戶測試,反複修改後最終輸出符合用戶使用的新架構。在確定架構後,我們著手進行交互的設計,把每一個模塊和頁面進行配對,在用戶的理解角度出發,把頁面之間的跳轉流程梳理清晰。采用目的性測試,讓測試者進行操作,並針對現存的問題進行再優化,從而實現交互的流暢性和易用性。

TBSI4.jpg

ui design

界面設計

我們在設計上使用極簡化的設計風格,擯棄一些無謂的裝飾,讓用戶可以專注內容的同時提高網站的專業性。配色從TBSI的LOGO中提取顔色,讓網站充分展現了TBSI國際化的專業高校的氣質。

TBSI展示5-2.jpgTBSI6.jpgTBSI7.jpgTBSI8.jpg


更多案例