職業訓練局「專+導航」 - 精選案例 - 香港網頁設計公司 | 客製化系統開發與全方位數碼營銷 - YSD                              

# 職業訓練局

 ![vtc_logo_en](https://ysd.hk/storage/media/Client/V/VTC/VTC%E3%80%8C%E5%B0%88+%E5%B0%8E%E8%88%AA%E3%80%8D/vtc_logo_en.png) 

VTC是香港最具規模的職業專才教育機構，設有14間機構成員，每年為超過20萬名學生提供全面的職前及在職訓練，頒發國際認可的學歷資格。

YSD 負責為職業訓練局全盤策劃[網頁設計](https://ysd.hk/zh-Hant/web-design)及開發工作，以簡潔直觀的介面與嶄新技術，呈現品牌的獨特魅力。

 [ 瀏覽實際成品 (職業訓練局「專+導航」) ](https://vpetpro.vtc.edu.hk/en) 

 網頁設計 

Scope

## 網頁設計

VTC「專+導航」活動旨在向中學推廣生涯規劃教育，旨在提高大眾對職業專才教育（VPET）的認識及其價值。

  ![vpet detailpage 1 v03](https://ysd.hk/storage/webp/media/Client/V/VTC/VTC%E3%80%8C%E5%B0%88+%E5%B0%8E%E8%88%AA%E3%80%8D/vpet-detailpage-1-v03.webp) 

### 職業訓練局「專+導航」

 [成品

 ](https://vpetpro.vtc.edu.hk/en "瀏覽實際成品") 

  ![vpet detailpage 2 v03](https://ysd.hk/storage/media/Client/V/VTC/VTC%E3%80%8C%E5%B0%88+%E5%B0%8E%E8%88%AA%E3%80%8D/vpet-detailpage-2-v03.jpg) 

  ![vpet detailpage 4](https://ysd.hk/storage/media/Client/V/VTC/VTC%E3%80%8C%E5%B0%88+%E5%B0%8E%E8%88%AA%E3%80%8D/vpet-detailpage-4.jpg) 

  ![vpet detailpage 3](https://ysd.hk/storage/media/Client/V/VTC/VTC%E3%80%8C%E5%B0%88+%E5%B0%8E%E8%88%AA%E3%80%8D/vpet-detailpage-3.jpg) 

## 類別

- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)

## 對此類項目有興趣？

從構想到實現，我們與您同行。歡迎免費諮詢。

## 相關作品

 [ ![網頁設計: 香港中文大學 - 生物醫學學院](https://ysd.hk/storage/webp/resized/5946/500x/www3-sbs-cuhk-edu-listingpage.webp) 

### 香港中文大學 - 生物醫學學院

 ](https://ysd.hk/zh-Hant/showcase/cuhk-school-of-biomedical-sciences)- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)

 [  焦點 

 ![網頁設計: HKUMed135](https://ysd.hk/storage/webp/resized/3687/500x/63564fcd6f261.webp) 

 ![網頁設計: HKUMed135](https://ysd.hk/storage/webp/resized/3689/500x/63564fcd6f880.webp) 

### HKUMed135

 ](https://ysd.hk/zh-Hant/showcase/hkumed135)- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)
- [ \#香港大學 ](https://ysd.hk/zh-Hant/showcase?category=hku)

 [  焦點 

 ![網頁設計: 香港中文大學 - 計算數據科學 (CDAS)](https://ysd.hk/storage/resized/1470/500x/cuhk-cdas-listingpage.jpg) 

### 香港中文大學 - 計算數據科學 (CDAS)

 ](https://ysd.hk/zh-Hant/showcase/cuhk-the-computational-data-science-programme-cdas)- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)

 [  焦點 

 ![網頁設計: 香港健康情緒中心](https://ysd.hk/storage/webp/resized/3746/500x/5c948e384c246.webp) 

### 香港健康情緒中心

 ](https://ysd.hk/zh-Hant/showcase/hong-kong-mood-disorders-centre)- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)
- [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services)
- [ \#Wordpress ](https://ysd.hk/zh-Hant/showcase?category=wordpress)

 [  焦點 

 ![市場營銷: 香港中文大學消化疾病研究所](https://ysd.hk/storage/webp/resized/3895/500x/5a21033e9b9db.webp) 

 ![網頁設計: 香港中文大學消化疾病研究所](https://ysd.hk/storage/webp/resized/6385/500x/idd2026-home-screenshot.webp) 

### 香港中文大學消化疾病研究所

 ](https://ysd.hk/zh-Hant/showcase/cuhk-institute-of-digestive-disease)- [ \#電子報 ](https://ysd.hk/zh-Hant/showcase?category=enewsletter)
- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)
- [ \#醫療 ](https://ysd.hk/zh-Hant/showcase?category=medical)

 [  焦點 

 ![網頁設計: HKU Summer Institute](https://ysd.hk/storage/webp/resized/3676/500x/63a02e4713a79.webp) 

 ![網頁設計: HKU Summer Institute](https://ysd.hk/storage/webp/resized/3677/500x/63a02e4714ab9.webp) 

### HKU Summer Institute

 ](https://ysd.hk/zh-Hant/showcase/hku-summer-institute)- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)
- [ \#香港大學 ](https://ysd.hk/zh-Hant/showcase?category=hku)

 [  焦點 

 ![網頁設計: 香港中文大學 - 工商管理學士綜合課程及法律博士雙學位課程 (BBA-JD)](https://ysd.hk/storage/resized/1465/500x/cuhk-bba-jd-listingpage.gif) 

### 香港中文大學 - 工商管理學士綜合課程及法律博士雙學位課程 (BBA-JD)

 ](https://ysd.hk/zh-Hant/showcase/cuhk-bba-jd)- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)

 [ ![網頁設計: 香港中文大學 - 精神病學院](https://ysd.hk/storage/resized/1475/500x/cuhk-psychiatry-listingpage.jpg) 

### 香港中文大學 - 精神病學院

 ](https://ysd.hk/zh-Hant/showcase/cuhk-department-of-psychiatry)- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)

 [EN](https://ysd.hk/en/showcase/vocational-training-council-vtc) | 繁 | [简](https://ysd.hk/zh-Hans/showcase/vocational-training-council-vtc) 

 [](https://www.facebook.com/YSD.hk) [](https://www.instagram.com/ysd.hk/) [](https://x.com/YSDinteractive) [](https://www.youtube.com/user/ysdhk)  

精選案例

- [全部案例](https://ysd.hk/zh-Hant/showcase)
- [網頁設計](https://ysd.hk/zh-Hant/showcase/web-design)
- [市場營銷](https://ysd.hk/zh-Hant/showcase/marketing)
- [品牌推廣](https://ysd.hk/zh-Hant/showcase/branding)
- [應用程式開發](https://ysd.hk/zh-Hant/showcase/apps-development)

我們的服務

- [服務概覽](https://ysd.hk/zh-Hant/services)
- [網頁設計](https://ysd.hk/zh-Hant/web-design)
- [市場營銷](https://ysd.hk/zh-Hant/marketing)
- [品牌推廣](https://ysd.hk/zh-Hant/branding)
- [應用程式開發](https://ysd.hk/zh-Hant/apps-development)
- [廣告方案](https://ysd.hk/zh-Hant/ads)

了解 YSD

- [關於YSD](https://ysd.hk/zh-Hant/about-ysd)
- [我們的客戶](https://ysd.hk/zh-Hant/clients)
- [合作夥伴](https://ysd.hk/zh-Hant/partners)
- [聯絡我們](https://ysd.hk/zh-Hant/contact)
- [加入我們](https://ysd.hk/zh-Hant/career)

 [](https://www.facebook.com/YSD.hk) 

 [](https://www.instagram.com/ysd.hk/) 

 [](https://x.com/YSDinteractive) 

 [](https://www.youtube.com/user/ysdhk) 

 [![linkedin icon logo black and white](https://ysd.hk/storage/webp/media/contact/linkedin-icon-logo-black-and-white-2.webp)](https://hk.linkedin.com/company/ysd) 

版權所有© 2026 YSD HK Limited  

 [私隱政策](https://ysd.hk/zh-Hant/privacy-policy) 

 我想做一個類似職業訓練局的項目 你們可以為我們製作類似的嗎？ 

 × 

 YSD AI 

     開始新對話 

開始新的對話？

開始新對話將會清除目前的對話記錄。

 開始新對話 取消 

 [ ](https://api.whatsapp.com/send?phone=85296796007)