臺北市私立靜心高級中學 - KYART光沅創意

臺北市私立靜心高級中學

靜心是一所從幼兒園、小學、國中到高中十二年一貫的私立學校。我們以色彩定義各學部,從攝影取景與色彩溫度的專業建議,到最新消息、榮譽榜與各班級聯絡簿,透過單一 CMS 內容管理系統與不同身分的權限控管,達成一站管理、多向出版,為高級私立學校建立優質辦學的高標準。

Task

為十二年一貫的靜心高中打造全校官網,以色彩定義四個學部,並以單一 CMS 達成一站管理、多向出版

  • Strategy

    學部色彩識別、攝影取景與色溫建議、最新消息與榮譽榜、班級聯絡簿與 e 化校園、單一 CMS 權限分層

  • Design

    UI/UX Design, Visual Identity, CMS, RWD

  • Client

    臺北市私立靜心高級中學 www.chjhs.tp.edu.tw

Open Project

臺北市私立靜心高級中學官方網站

https://www.chjhs.tp.edu.tw

「正向的學習環境,培養有教養、會思考,多元發展的國際領袖人才」

民國40年,蔣石靜宜女士創辦靜心托兒所與幼稚園;七十多年來,靜心從幼教出發,一路發展為國小、國中,民國108年高中揭牌,成為從幼兒園到高中十二年一貫的完整學校。一所學校裡同時有三歲的孩子與十八歲的青年,有家長要找幼兒園的招生資訊,也有高中生要看升學榜單與國際課程,網站要說的話,比一般學校多出好幾倍。

我們接下靜心官網的任務,第一個問題就是:如何讓四個學部各有個性,又同屬一個靜心?答案是色彩與系統。我們以色彩定義學校各部,從視覺識別、攝影取景到內容管理,建立一套讓四個學部能各自發聲、又能由同一個後台統一管理的出版模式,為高級私立學校的優質辦學,立下網站的高標準。

 

1、色彩定義四個學部:

全站以靜心藍為主色,頂端的學部列以四種顏色區分:高中深紅、國中天藍、小學咖啡、幼兒園金黃。進入各學部首頁後,學部色延伸到標題線與活動花絮區塊;幼兒園則加入愛心、木馬等手繪插畫,讓最小的孩子與家長一進站就感受到溫度。家長不必讀字,看顏色就知道自己在哪一部。

2、攝影取景與色彩溫度建議:

學校網站最動人的,永遠是孩子的笑臉。我們為學校提供照片拍攝取景、色彩溫度等專業建議,讓各學部首頁的大圖輪播有一致的質感:高中的探索海洋教育、國中的機器人校隊、小學的探索體驗、幼兒園的均衡體能發展,每一張都說出該學部的教育特色。

3、最新消息與榮譽榜:

首頁的最新消息與榮譽榜以全校、高中、國中、小學、幼兒園頁籤切換,標示發布單位與點閱率;各學部內頁可依發布日期、點閱率排序,並依教務處、學務處、輔導中心等單位篩選。從語文競賽、科展到弦樂團獲獎,靜心的每一份榮耀都被即時看見。

4、班級聯絡簿與 e 化校園:

網站不只對外招生,也是校內每天使用的工具。各班級聯絡簿、學生專區、教學資源與 e 化校園服務都整合在同一個平台,教師登入後即可維護自己班級與處室的內容,讓親師溝通與校務資訊在同一個地方流動。

5、單一 CMS,一站管理、多向出版:

整個網站由單一 CMS 內容管理系統驅動,依校長室、各處室、各學部、班級導師等不同身分設定權限控管;同一則消息可以同時出版到全校首頁與指定學部,也可以只在單一學部露出。全站 RWD 響應式設計並提供英文版,以一套系統支撐十二年一貫學校的所有出版需求。

從三歲到十八歲,

每一個顏色都是一段成長;

四個學部、一個靜心,

在同一個網站裡,看見孩子長大的樣子。

 

臺北市私立靜心高級中學官方網站

https://www.chjhs.tp.edu.tw

感謝 Connie / Zoe / Bomba / Linda,因為有你們,讓靜心的每一個學部都有了自己的顏色。

The team

Meet our
design team.

Project Management

— 郭光耀 Brad Kuo
專案總監

— Connie Lin
專案營運總監

Art Direction

— Zoe Wang
視覺藝術總監

Creative Design

— Zoe Wang
— Linda Lee

視覺設計

Web Development

— Bomba Tsai
— Linda Lee

前端互動設計師

Vue Development

— Teen Yang
— Yuurin Lee

前端開發工程師

API Development

— Luke
後端技術整合工程師

Let’s talk about your website design

Got a Project?
來聊聊吧!

我們珍惜認真看待每一次與客戶聯繫的機會,期待為不同客戶演譯夢想,
運用我們美感天賦與實戰經驗,為您服務設計。

Back