苑文線上鋼琴教學系統


此專案受苑文國際音樂教育機構所託,以客製化開發方案,運用大量的CSS+JS+HTML5技術,實現CAI線上教學輔助系統所需的大量動態展示及互動效果。

RWD響應式設計,滿足當下,兼容未來:
我們以用戶體驗為本,採用尖端的HTML5+CSS3架構,以達成響應式網頁設計的核心,使用戶即使不同裝置上瀏覽,網頁內容仍可自動調整版面比例及圖文位置,完美適應PC、平板、手機等多種終端設備,讓客戶利於推廣線上教學課程,更以平板在課程教學中達成良好的互動及教學成果,不僅利於SEO,更強化企業品牌效應。

精細切版,匠心獨運:
此專案因應業主對於線上教學系統高互動性的需求,不同於一般前端設計專案,我們在CSS+JS的技術基礎下,設計了大量的交互設計,包含MP4影片、GIF/SVG動畫、Javascript互動等,不僅完美實現了線上教學系統所注重的精細動態效果,更設計RWD響應式效果,以需求為本在細節上精益求精。

專業分工,合作無間:
此專案完美結合了專業的PM、RD、UI/UX設計師等,透過精細的分工及專業交流,從最初的Wireframe框線圖討論,再至Psd檔編修,打造引人入勝且高互動性的線上課程,達到業主強化教學體驗及課程推廣的需求。

應用技術: HTML5、CSS、SVG、JavaScript、JQuery等
免責聲明:此網頁為委託合作型專案,此處僅以專案製作經歷展示說明,版權歸屬乃為甲方所有。


免費諮詢


苑文線上鋼琴教學系統

前往