培訓機師備考平台｜題庫、測驗、模擬訓練一次整合
整合培訓機師筆試題庫、航空知識課、維也納測驗模擬與儀器練習。
支援模擬機訓練與線上 1 對 1 履歷/面試課，從練習到上場更有方向。
訪客可先試看課程，選定方案後加入購物車完成購買。
CLIENT
FLYTEK AVIATION
INDUSTRY
- 教育訓練
- |
- 機師培訓
01
背景與挑戰
Challenge & Solution
培訓機師考試準備涉及筆試、測驗、模擬與面試，多線任務需要被整合成清楚的備考動線。
-
平台主打「培訓機師課程」並提供大量題庫與重點瀏覽，降低備考整理成本。
-
內容面包含維也納測驗（Vienna Test）模擬練習、模擬機訓練與面試課等延伸服務。
-
同時經營「最新消息與文章」，以主題分類持續提供培訓機師/航空知識內容。
備考需求高度複雜且決策成本高，若沒把「理解→選課→付款→練習/預約」串起來，容易卡在詢問與流失。
-
服務線多（題庫、測驗模擬、模擬機、面試課），需要明確分區與購買入口。
-
課程選擇需要快速比較與收斂，不然訪客會停在「我該買哪個」的猶豫期。
-
高價/高投入類產品，需要信任背書與內容教育來支撐轉換。
-
購買後還要能承接學員使用（登入、學習、管理），否則體驗斷裂。
打造「內容導流＋課程電商承接＋學員入口」的一站式備考平台
-
資訊架構重整：主選單清楚分為「我們的服務／Q&A 智能助手／最新消息與文章／登入/學生控制台」，首頁內容再用段落把筆試題庫、航空知識、維也納測驗、模擬機與面試課逐一拆開說清楚。
-
轉換流程縮短（CTA/購買）：首頁直接給「課程試看／立即加入」等行動按鈕；課程總覽頁提供篩選＋排序＋明確價格與「加入購物車」，讓訪客從瀏覽到結帳少走冤枉路。
-
功能整合到同一站：
-
課程以商品化方式販售（價格、折扣、加入購物車），常見問題頁面直接消化加購與使用期限等疑慮。
-
文章分類頁持續提供培訓機師/航空知識內容，承接搜尋流量並回流導購。
-
學員登入與學生控制台作為購買後入口，承接學習旅程。
-
-
行動裝置（RWD）優化：以 Kadence 變數化字級與一致的按鈕/色票規則維持可讀性；首頁採大段落標題＋單一 CTA 的節奏，適合手機掃讀。
6 WK
開發週期
100%
RWD 適配
設計系統
因為「航空備考」是高門檻、高投入的決策情境，所以視覺以深海軍藍建立專業與信任、以亮藍作為引導色強化 CTA；底色採用淺灰留白讓內容可長時間閱讀，搭配一致的按鈕規則（hover 變亮藍）讓互動回饋清楚、降低操作猶豫。
Typography
Aa
‘Noto Sans TC’ (Headings)
Aa
Roboto (Body)
主要顏色
背景顏色
次要顏色
文字顏色
02
介面設計
Visual Showcase
-
首頁節奏：Hero 直接點題「培訓機師課程」→ 用數字背書與試看按鈕拉第一波行動 → 依序鋪陳「航空知識課」→「維也納測驗/儀器模擬」→「模擬機練習」→「線上履歷面試課」→ 最後用「立即加入」收斂轉換。
-
元件語言：大標題＋段落說明＋單一 CTA（課程試看/立即加入）；課程列表採電商卡片（名稱/價格/加入購物車）；整體以留白和一致字級層級維持可讀性。
-
行動版策略：以「短段落＋強按鈕」減少滑動疲勞；購物車/登入入口常駐導覽讓使用者隨時回到結帳與學員入口。
-
為什麼這樣設計：高壓備考情境最怕資訊爆炸，因此先用分段把需求拆小，再用明確 CTA 與商品化列表把行動收斂，讓使用者不用一直問客服也能自己完成決策。
電腦版首頁
手機版首頁
03
合作流程
Our Workflow
需求訪談與規劃
視覺設計與開發
測試上線與教學
「文章分類跟課程頁整合後很順，我們可以先用內容讓大家理解考試需要準備什麼，再導到課程方案，整個銷售節奏比較自然。」
Steve
FLYTEK AVIATION 創辦人