專案介紹

台北美國學校 | TYPA 位於台北美國學校校園內，致力於提供青少年課後娛樂活動和多元才藝課程。自 1979 年台美結束外交關係後，TYPA 儼然成為在台外國青少年聚會的重要組織。目前規模已達 110 位專業教練、每週為 3,000 多名 TYPA 成員提供服務。隨著服務與課程不斷擴增，舊有網站已無法提供最好的使用呈現，亦無法體現 TYPA 充滿活力的形象。
因此我們的目標不僅是翻新 TYPA 的數位品牌形象，更著重於使用者體驗和資訊架構上的全面提升，在每一處細節都感受到 TYPA 與時俱進的形象和服務。

背景與挑戰

我們不僅希望打造一個資訊架構清楚、又能引導使用者使用的網站，更希望有簡單、現代、大方的設計。転転設計師將 TYPA 的學生、老師、教職員的照片及影片重新修調，讓 TYPA 的網站有一個完全客製化又美觀的視覺呈現，能延年使用。

‍

‍

專案過程

首頁影片的孩子們在學習中開心又活潑的模樣，立即抓住目光；搭配上 TYPA 全新的視覺識別系統，是我們量身打造的數位策略之一。改版過後的網站在設計上、以及視覺連結上大幅提升，能有效吸引新的家庭，並且更能體現出 TYPA 不僅在培養孩子學科、以及術科的專業之外，也提供孩子健康的團體社交氛圍。家長們現在能更輕鬆的使用這個網站不再找不到課程資訊、聯絡管道，讓目前 TYPA 學員的家庭、以及想了解 TYPA 的家長們操作上更為容易。

転転為網站打造的後台下，TYPA 教職員能簡單且快速的更新網站資訊，就像使用部落格一般！網站的維護變得更容易，不再透過工程師、經過耗時的流程。共同的服務、課表、行事曆，現在都可以一目瞭然。我們精選幾個活動、課程在網站上曝光，讓 TYPA 在 TAS（台北美國學校）裡獨特的探索學習氛圍被強調出來。

‍

解決方案

為了體現 台北美國學校 | TYPA 熱情活潑的形象，新的形象識別以四個亮色系藍綠色與極具巧思的幾何圖形，將五大課程賦予視覺意義，並為每一個課程設計專屬的 icon 識別，以豐富且饒富趣味的細節呼應台北美國學校 | TYPA 課程的多元性。TYPA 課程大小細分將近百餘種，在充分了解 TYPA 課程內容後，我們規劃了簡練的網站架構，讓使用者更容易查找、選擇感興趣課程，並強化首頁的課程分類和視覺演繹，致力於每一處都與 TYPA 的活力產生緊密連結。

此外，由於 台北美國學校 | TYPA 有許多不同的會員資料平台，雖然這次專案我們僅針對官網本身進行改版設計，但為了將這次全新的識別形象有效運用在未來，保持品牌形象與視覺的一致性與延展性，我們製作了基本的 UI 規範供 TYPA 未來在品牌視覺規劃上有更完整的整合與強化。支援各種行動裝置的視覺最佳化（RWD），無論是透過手機、平板、桌機，都能有最佳的使用者瀏覽體驗。転転持續期待，透過我們擅長且專業的數位方程式，翻轉教育界的線上與行動體驗。