職業訓練局「專+導航」 - 精選案例 - 香港網頁設計公司 | 客製化系統開發與全方位數碼營銷 - 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/resized/3020/1200x/vpet-detailpage-1-v03.webp) 

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

 [成品

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

  ![vpet detailpage 2 v03](https://ysd.hk/storage/webp/resized/3023/1200x/vpet-detailpage-2-v03.webp) 

  ![vpet detailpage 4](https://ysd.hk/storage/webp/resized/3025/1200x/vpet-detailpage-4.webp) 

  ![vpet detailpage 3](https://ysd.hk/storage/webp/resized/3024/1200x/vpet-detailpage-3.webp) 

## 類別

- [ \#學校及教育機構 ](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)

 [  焦點 

 ![網頁設計: HKUMed Undergraduate Admissions](https://ysd.hk/storage/webp/resized/341/500x/6229adc31ff6f.webp) 

 ![網頁設計: HKUMed Undergraduate Admissions](https://ysd.hk/storage/webp/resized/343/500x/entry-2.webp) 

### HKUMed Undergraduate Admissions

 ](https://ysd.hk/zh-Hant/showcase/hkumed-undergraduate-admissions)- [ \#學校及教育機構 ](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)

 [  焦點 

 ![網頁設計: Arts Plus](https://ysd.hk/storage/resized/1187/500x/artsplus-detailpage-1.jpg) 

 ![網頁設計: Arts Plus](https://ysd.hk/storage/resized/1188/500x/artsplus-detailpage-2.jpg) 

### Arts Plus

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

 [  焦點 

 ![網頁設計: 香港中文大學 - 生物科技、創業與醫療管理理學士學位（BEHM）](https://ysd.hk/storage/webp/resized/5174/500x/cuhk-behm-listingpage.webp) 

### 香港中文大學 - 生物科技、創業與醫療管理理學士學位（BEHM）

 ](https://ysd.hk/zh-Hant/showcase/cuhk-bachelor-of-science-in-biotechnelogy-entrepreneurship-healthcare-managerment-behm)- [ \#香港中文大學 ](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)

 [  焦點 

 ![網頁設計: 香港中文大學 - 高錕教授學生創意獎](https://ysd.hk/storage/webp/resized/5846/500x/pckkscacuhk-listingpage.webp) 

### 香港中文大學 - 高錕教授學生創意獎

 ](https://ysd.hk/zh-Hant/showcase/cuhk-professor-charles-kkao-student-creativity-awards)- [ \#香港中文大學 ](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)

 [  焦點 

 ![網頁設計: 香港中文大學 - 計算數據科學 (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)

 [  焦點 

 ![網頁設計: Center for Liver Health, CUHK](https://ysd.hk/storage/resized/1353/500x/cuhk-livercenter-detailpage-2.jpg) 

 ![網頁設計: Center for Liver Health, CUHK](https://ysd.hk/storage/resized/1352/500x/cuhk-livercenter-detailpage-1.jpg) 

### Center for Liver Health, CUHK

 ](https://ysd.hk/zh-Hant/showcase/center-for-liver-health-cuhk)- [ \#香港中文大學 ](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)

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

 [ ](https://wa.me/85296796007)