Jc School Diversity

賽馬會「校本多元」計劃 教育網站

賽馬會「校本多元」計劃獲香港賽馬會慈善信託基金捐助推行第一期(2018-2021)及第二期(2021-2024),透過全港中、小學的參與,集合不同教育專業,發展及建立校本多元管理模式。
香港教育網站

計劃透過「學生數據」、「適異教學」及「學習支援」三個項目推行

響應式設計 支援各類型設備

本公司設計的網頁,支援多設備瀏覽,滿足不同用戶及現時的網頁設計趨勢。

教育機構網站

客戶背景:「校本多元」計劃 教育網站

獲香港賽馬會慈善信託基金捐助的學教計劃,致力協助學校提升照顧學生學習多樣性及培育多元人才的能力,支援學生有意義地學習。

客戶需求及網站規劃

校本多元計劃推行前客戶找到我們公司,希望建立一個關於該計劃的資訊網站,並且活用原有的視覺元素於網站當中。例如:藍黃紅綠的顏色配搭以及樹跟樹葉的圖案等。

風格確認及前期mock up

根據客戶的需求,設計師準備了不同的元素表現方式供客戶選擇。網站整體色調亦以該四種顏色作配合。但因為計劃初期,客戶方未有太多資訊可以提供,因此以一個簡單的展示方式先上架網站,在及後的維護支援當中,設計團隊再一步步為客戶修正。
Final Output

最後定稿

根據上述所說,在網站上線開初,設計團隊以一個簡潔的Layout呈現少量的資訊。但當計劃運行了一段時間後,我們協助客戶重新規劃網站,並由原本以樹葉的元素變成活潑橙色作為網站主色。將網站變成更穩重、資訊性強的展示形式。

Features

網站特色功能

本次項目除了基本視覺設計之外,跟客戶討論需求過程中,亦 設計了不同的網頁功能。

特色文章輪播

網站首頁的主視覺部分,由本來的樹型pattern轉成了兩個區塊。重點將計劃的最新消息擺放在置頂位置,令網站資訊感更強烈,訪客點擊read more按鈕即可到達文章頁面。而且設計師加入了輪播效果,令用家可以上下查閱文章,增加互動感覺,亦為網站帶來實際效用。

特色網站導覽列

設計團隊為客戶個性化設計了導覽列的展示形式,例如點擊search後會出現延伸至full width的搜索欄。而主導覽收合在menu按鈕之中,點擊後會出現full screen主導覽,令網站更簡潔。
Website color

網站色調處理

主色定為橙色,令整體更一致,始終如果網站有4種主色將會十分眼花撩亂。

網頁界面設計

設計師為客戶網站設計了不同的插圖作為抽象內容的襯圖。令用戶理解標題內文資訊不會太沉悶。

摺合式選單設計

摺合式選單可以有效將繁複的資訊預先收藏起,亦且分成不同類別。用戶查看頁面後,可以按自身感興趣的項目點擊查看。

活動資訊篩選功能

在計劃的行事曆頁面,客戶希望可以仔細區分活動內容,因此設計人員為客戶設置了一個篩選功能,透過點擊選項,讓不同類別的用戶知道活動的詳細及時間表。
怎樣才是成功的網站?

除了外觀,還有搜索引擎排名

我們提供SEO優化增值服務為你的網站處理好外觀後再提升搜索排名,得到更多曝光。

Back