Projects專案作品
逢甲大學 ─ 官方網站
我們將平凡無奇的大學官網透過「視覺、設計、動態、體驗」來呈現逢甲大學不斷創新且多元的個性。透過構成「校徽」的「五大元素」發想視覺識別、接著延伸至網站設計,最後埋入分散在全站當中的微動態呈現細節質感。
專案目標
起初逢甲大學舊有的校網及單位網站風格皆與一般大專院校網站無異:整體版型較為制式傳統、資訊分類不清晰、瀏覽動線不明、單位網站風格各自為政、與校網風格迥異,無法判斷與母站同出一脈等問題。我們在歸納出子母站所有問題後,將其進行規劃分析,給予網站嶄新的「系統化」網站規劃與制定。
根據資訊脈絡與核心理念,我們建構出具有規模且視覺調性一致的子母網站,擺脫以往大學官網的傳統陳舊形象;強化瀏覽邏輯與資訊等網站呈現,以「形隨機能」的設計手法,由資訊架構做為基底,隨著「網站資訊結構」構出別於傳統大專院校的網站視覺。
- 網站管理特點:有鑑於過往網站管理不便,因此管理多站的需求也是優化要點。根據需求規劃出以多站管理員的管理方式,讓學校擁有更彈性且更友善的操作權限設定,可「複製網站模板」與「不同權限的使用者」,隨各個權限能夠操作與查看的後台項目也不同;最高權限者可在後台監控管理所有使用者與網站,優化管理不便與單位網站各自為政的問題。
- 校網特點:除了強調品牌視覺外,也針對網站資訊架構做介紹。大專院校的網站與一般形象網站不同的是:網站在固定的網站架構下,會需要更彈性的使用操作需求,我們給予學校自行建立自訂頁面、指定頁面到所屬單元、選擇多項組件與排列來滿足校網的需求。
- 單位網站特點:制定3種模組版型,在後台可自行選擇版型與主、輔色之設定,在現有的網站架構頁面中,同時提供網站將近20種的組件以及新增頁面權限,讓使用者自行選擇組件與排列組合。在既有的模組版型中,給予使用者更彈性的操作,得以滿足各單位的不同需求。
設計概念
【Concept】
抽取校徽中的五大元素「齒輪、貝丘、矩形、三角、圓形」給予概念與轉化意象,以豐富的色彩與幾何圖形的拼貼,強調「追求理想」過程中碰撞出的火花,不斷轉變與進步是成長的歷經過程,領著不同且多元的學習經歷,結出豐碩的果實。
整體的視覺特點,是根據網站單元特質結合元素特色,給予符合單元的 Banner 樣式與元素風格,在頁面中加入轉化的元素做點綴,讓使用在不同的單元,能感受不同的視覺情境。
【Dynamics】
延續網站整體的核心概念,賦予網站多元、豐富的視覺風貌。利用校徽無限轉動結合刷色過場的動態,引導使用者進入逢甲的全新視覺風貌中。
單元的 Banner 中加入滾動視差動態,將大專院校網站擺脫傳統注入創新感受,提升官網整體視覺的細緻度。我們在其中添加了微動態,讓視覺感受更加細膩與驚奇,持續傳遞核心的概念做前後呼應。
客戶簡介
逢甲大學成立於 1961 年,創校時為「逢甲工商學院」。 目前在校就讀學生 2 萬餘人,是臺灣中部地區人數最多的大專院校,致力推廣多元創新學習環境與資源。
「不斷轉變與進步是追求的過程」不同而多元的經驗,給予創造各種連結與創新的 idea ,我們是不斷追求的專業與價值的逢甲人。
團隊介紹
Release Date :
Apr. 2021