PLK HKTA YUEN YUEN PRIMARY SCHOOL
保良局香港道教聯合會圓玄小學
學校網站
由香港道教聯合會於1981年成立。 自 2005 年起,轉為直接資助小學(DSS),並由保良局管理。
學校網站

學校榮獲2019 年國際啟發潛能教育學校大獎

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

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

香港學校網站

客戶背景:香港直資小學 學校網站

保良局香港道教聯合會圓玄小學為學生提供最優質的學習和成長環境。除了中文科及德育課以普通話授課外,其他科目均以英語授課。

客戶需求及網站規劃

客戶希望翻新網站,配合學校的發展,展現現時學校多元化、優質教育的學校形象。並且利用新興的網頁設計元素,更創新地呈現學校的資訊和面貌。

風格確認及前期mock up

設計師利用了保良局Logo的藍色發展出數個深淺藍色組合,利用不同UI圖標和學校照片作配合,設計網站頁面。經過不同的Mock up階段後,客戶確認主頁的主視覺以全屏影片展示,而Ui圖標用線條風格,內頁標題大小及顏色都在過程中跟客戶達成共識。
Final Output

最後定稿

跟客戶討論後,利用上述mock up設計的風格貫穿整個網站,製作出以下的網站頁面。

Features

網站特色功能

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

Pop-up 公告

作為學校的網站,定時更新公告必不可少。製作人員為客戶架設了彈出式公告,讓家長及學生都可以第一時間了解到學校的最新訊息。另外,校方亦可以在公告內加入非時效性的資料,例如收生資訊、登記按鈕等等。

滑動式圖庫 & 精美UI設計

全屏的滑動圖庫帶來美觀的版式設計,當用戶點擊縮圖後即會彈出高解像圖片,更方便地查閱學校圖片,而且不會因為增加更多圖片而令頁面佔滿。另外,設計師為網站不同部分都獨立設計了UI圖標,令網站視覺元素更豐富,而不會只有繁雜的文字。
Website color

網站色調處理

利用藍色配色組合,令網站呈現穩重但創新的感覺。因為網站不再像從前學校網站 一樣,一定是五彩繽紛、呈現童趣。反而著重學校本身的形象。

網頁界面設計

中文及英文字體都以黑體,呈現好閱讀、先進的感覺而不是以往用明體去表達教育類網站的做法。而內頁標題用了最粗的字重,吸晴而且令用戶立即知道內頁包含什麼內容。

網頁導覽列縮放特效

因為校徽logo所佔的版面比例較大,當用戶由上而下查閱網站時,如果不斷出現將會十分影響用戶體驗。因此,製作人員在logo上做了特效調節,會慢慢收縮成只有學校名的圖像,解決了上述的問題。

怎樣才是成功的網站?

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

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

Scroll to Top