---
title: "職業訓練局「專+導航」 - 精選案例 - 香港網頁設計公司 | 客製化系統開發與全方位數碼營銷 - YSD"
description: "VTC「專+導航」活動旨在向中學推廣生涯規劃教育，旨在提高大眾對職業專才教育（VPET）的認識及其價值。"
canonical: "https://ysd.hk/zh-Hant/showcase/vocational-training-council-vtc"
language: "zh-Hant"
published: "2024-10-19T07:06:00+08:00"
updated: "2025-03-13T16:17:55+08:00"
alternates:
  en: "https://ysd.hk/en/showcase/vocational-training-council-vtc"
  zh-Hant: "https://ysd.hk/zh-Hant/showcase/vocational-training-council-vtc"
  zh-Hans: "https://ysd.hk/zh-Hans/showcase/vocational-training-council-vtc"
  x-default: "https://ysd.hk/en/showcase/vocational-training-council-vtc"
---

<?xml encoding="UTF-8">  

# 職業訓練局

 ![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/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)

 [ ![網頁設計: 香港中文大學 - 墨爾本大學 青年領袖學院](https://ysd.hk/storage/webp/resized/3392/500x/58ac0e892726d.webp) 

### 香港中文大學 - 墨爾本大學 青年領袖學院

 ](https://ysd.hk/zh-Hant/showcase/cuhk-university-of-melbourne-academy-for-young-leaders)- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)
- [ \#Wordpress ](https://ysd.hk/zh-Hant/showcase?category=wordpress)

 [  焦點 

 ![網頁設計: 耀中幼教學院](https://ysd.hk/storage/webp/resized/5672/500x/jcsparkspot-listingpage.webp) 

### 耀中幼教學院

 ](https://ysd.hk/zh-Hant/showcase/yew-chung-college-of-early-childhood-education)- [ \#電子學習 ](https://ysd.hk/zh-Hant/showcase?category=e-learning)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)

 [  焦點 

 ![網頁設計: 香港中文大學 - 亞洲商務研究計劃(ABS)](https://ysd.hk/storage/resized/1179/500x/cuhk-abs-detailpage-6.jpg) 

### 香港中文大學 - 亞洲商務研究計劃(ABS)

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

 [  焦點 

 ![網頁設計: 香港中文大學 - 計算數據科學 (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/6563/500x/peaceschool01.webp) 

### 和平學校計畫

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

 [  焦點 

 ![品牌推廣: HKUMed - SCAN2030](https://ysd.hk/storage/webp/resized/5311/500x/HKU%20SCAN%202030-detail-02.webp) 

 ![網頁設計: HKUMed - SCAN2030](https://ysd.hk/storage/webp/resized/5281/500x/hkmed-scan2030-listingpage.webp) 

### HKUMed - SCAN2030

 ](https://ysd.hk/zh-Hant/showcase/hkumed-scan2030)- [ \#商標設計 ](https://ysd.hk/zh-Hant/showcase?category=logo-design)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)
- [ \#香港大學 ](https://ysd.hk/zh-Hant/showcase?category=hku)
- [ \#醫療 ](https://ysd.hk/zh-Hant/showcase?category=medical)

 [  焦點 

 ![網頁設計: 香港中文大學 - 大學安全事務處](https://ysd.hk/storage/webp/resized/3353/500x/635a2c6b419c3.webp) 

### 香港中文大學 - 大學安全事務處

 ](https://ysd.hk/zh-Hant/showcase/cuhk-university-safety-office)- [ \#香港中文大學 ](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://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/blog)
- [加入我們](https://ysd.hk/zh-Hant/career)

 [![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  View Me   

     開始新對話 

      開始語音對話   

開始新的對話？

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

 開始新對話 取消 

 Listening...