VTC「專+導航」 - Showcase - Web Design Company Hong Kong | Digital Agency HK - YSD                              

# Vocational Training Council (VTC)

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

The VTC is the largest VPET provider in Hong Kong which provides valuable credentials for over 200,000 students across its 14 member institutions each year through a full range of pre-employment and in-service programmes with internationally recognised qualifications.

YSD orchestrates [Web Design](https://ysd.hk/en/web-design) and full-scale development for Vocational Training Council (VTC), presenting the brand's unique character through intuitive interfaces and cutting-edge technology.

 [ See it Live (VTC「專+導航」) ](https://vpetpro.vtc.edu.hk/en) 

 Web Design 

Scope

## Web Design

VTC「專+導航」Campaign was developed for outreaching to secondary schools through life planning education with an aim to raise the public awareness towards Vocational and Professional Education and Training (VPET) and recognition of its value.

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

### VTC「專+導航」

 [Live

 ](https://vpetpro.vtc.edu.hk/en "See it Live") 

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

## Categories

- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)

## Interested in a similar project?

Let us help you bring your ideas to life. Contact us for a free consultation.

## Related Projects

 [  Highlight 

 ![Web Design: HKU - Centre Of Development And Resources For Students](https://ysd.hk/storage/webp/resized/6363/500x/hku-cedars-listingpage.webp) 

### HKU - Centre Of Development And Resources For Students

 ](https://ysd.hk/en/showcase/hku-centre-of-development-and-resources-for-students)- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)
- [ \#HKU ](https://ysd.hk/en/showcase?category=hku)

 [  Highlight 

 ![Web Design: Arts Plus](https://ysd.hk/storage/resized/1187/500x/artsplus-detailpage-1.jpg) 

 ![Web Design: Arts Plus](https://ysd.hk/storage/resized/1188/500x/artsplus-detailpage-2.jpg) 

### Arts Plus

 ](https://ysd.hk/en/showcase/arts-plus)- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)

 [  Highlight 

 ![Web Design: HKUMed135](https://ysd.hk/storage/webp/resized/3687/500x/63564fcd6f261.webp) 

 ![Web Design: HKUMed135](https://ysd.hk/storage/webp/resized/3689/500x/63564fcd6f880.webp) 

### HKUMed135

 ](https://ysd.hk/en/showcase/hkumed135)- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)
- [ \#HKU ](https://ysd.hk/en/showcase?category=hku)

 [  Highlight 

 ![Web Design: HKUMed Undergraduate Admissions](https://ysd.hk/storage/webp/resized/341/500x/6229adc31ff6f.webp) 

 ![Web Design: HKUMed Undergraduate Admissions](https://ysd.hk/storage/webp/resized/343/500x/entry-2.webp) 

### HKUMed Undergraduate Admissions

 ](https://ysd.hk/en/showcase/hkumed-undergraduate-admissions)- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)
- [ \#HKU ](https://ysd.hk/en/showcase?category=hku)
- [ \#Medical ](https://ysd.hk/en/showcase?category=medical)

 [ ![Web Design: CUHK - University of Melbourne Academy for Young Leaders](https://ysd.hk/storage/webp/resized/3392/500x/58ac0e892726d.webp) 

### CUHK - University of Melbourne Academy for Young Leaders

 ](https://ysd.hk/en/showcase/cuhk-university-of-melbourne-academy-for-young-leaders)- [ \#CUHK ](https://ysd.hk/en/showcase?category=cuhk)
- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)
- [ \#Wordpress ](https://ysd.hk/en/showcase?category=wordpress)

 [  Highlight 

 ![Web Design: CUHK - Information Engineering](https://ysd.hk/storage/webp/resized/3346/500x/5d25678e190e8.webp) 

### CUHK - Information Engineering

 ](https://ysd.hk/en/showcase/cuhk-information-engineering)- [ \#CUHK ](https://ysd.hk/en/showcase?category=cuhk)
- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)

 [  Highlight 

 ![Web Design: Master of Geoinformation Science, CUHK](https://ysd.hk/storage/webp/resized/4058/500x/5b83c5a7e7df9.webp) 

 ![Web Design: Master of Geoinformation Science, CUHK](https://ysd.hk/storage/webp/resized/4059/500x/5b83c5a7e8a5c.webp) 

### Master of Geoinformation Science, CUHK

 ](https://ysd.hk/en/showcase/master-of-geoinformation-science-cuhk)- [ \#CUHK ](https://ysd.hk/en/showcase?category=cuhk)
- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)

 [  Highlight 

 ![Web Design: CUHK - Bachelor of Science in Biotechnelogy, Entrepreneurship & Healthcare Managerment (BEHM)](https://ysd.hk/storage/webp/resized/5174/500x/cuhk-behm-listingpage.webp) 

### CUHK - Bachelor of Science in Biotechnelogy, Entrepreneurship & Healthcare Managerment (BEHM)

 ](https://ysd.hk/en/showcase/cuhk-bachelor-of-science-in-biotechnelogy-entrepreneurship-healthcare-managerment-behm)- [ \#CUHK ](https://ysd.hk/en/showcase?category=cuhk)
- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)

 EN | [繁](https://ysd.hk/zh-Hant/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)  

Showcase

- [All Showcases](https://ysd.hk/en/showcase)
- [Web Design](https://ysd.hk/en/showcase/web-design)
- [Marketing](https://ysd.hk/en/showcase/marketing)
- [Branding](https://ysd.hk/en/showcase/branding)
- [Apps Development](https://ysd.hk/en/showcase/apps-development)

Services

- [Services Overview](https://ysd.hk/en/services)
- [Web Design](https://ysd.hk/en/web-design)
- [Marketing](https://ysd.hk/en/marketing)
- [Branding](https://ysd.hk/en/branding)
- [Apps Development](https://ysd.hk/en/apps-development)
- [AD Solutions](https://ysd.hk/en/ads)

Discover YSD

- [About YSD](https://ysd.hk/en/about-ysd)
- [Clients](https://ysd.hk/en/clients)
- [Partner](https://ysd.hk/en/partners)
- [Contact Us](https://ysd.hk/en/contact)
- [Career](https://ysd.hk/en/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) 

Copyright © 2026 YSD HK Limited. All rights reserved.  

 [Privacy Policy](https://ysd.hk/en/privacy-policy) 

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