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

 [ ![Web Design: CUHK - Collaborative Double Major Programme](https://ysd.hk/storage/webp/resized/6195/500x/CDMP-01.webp) 

### CUHK - Collaborative Double Major Programme

 ](https://ysd.hk/en/showcase/cuhk-collaborative-double-major-programme)- [ \#CUHK ](https://ysd.hk/en/showcase?category=cuhk)
- [ \#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)

 [ ![Branding: CUHK - Urology Centre (Department of Surgery)](https://ysd.hk/storage/webp/resized/1492/500x/cuhk-urologycentre-detailpage-00-banner.webp) 

 ![Web Design: CUHK - Urology Centre (Department of Surgery)](https://ysd.hk/storage/webp/resized/1491/500x/cuhk-urologycenter-detailpage-banner.webp) 

### CUHK - Urology Centre (Department of Surgery)

 ](https://ysd.hk/en/showcase/cuhk-urology-centre-department-of-surgery)- [ \#Logo Design ](https://ysd.hk/en/showcase?category=logo-design)
- [ \#CUHK ](https://ysd.hk/en/showcase?category=cuhk)
- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)
- [ \#Medical ](https://ysd.hk/en/showcase?category=medical)

 [  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: HKU Summer Institute](https://ysd.hk/storage/webp/resized/3676/500x/63a02e4713a79.webp) 

 ![Web Design: HKU Summer Institute](https://ysd.hk/storage/webp/resized/3677/500x/63a02e4714ab9.webp) 

### HKU Summer Institute

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

 [  Highlight 

 ![Marketing: CUHK - Institute of Digestive Disease](https://ysd.hk/storage/webp/resized/3895/500x/5a21033e9b9db.webp) 

 ![Web Design: CUHK - Institute of Digestive Disease](https://ysd.hk/storage/webp/resized/6385/500x/idd2026-home-screenshot.webp) 

### CUHK - Institute of Digestive Disease

 ](https://ysd.hk/en/showcase/cuhk-institute-of-digestive-disease)- [ \#Enewsletter ](https://ysd.hk/en/showcase?category=enewsletter)
- [ \#CUHK ](https://ysd.hk/en/showcase?category=cuhk)
- [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions)
- [ \#Medical ](https://ysd.hk/en/showcase?category=medical)

 [  Highlight 

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

 ![Web Design: HKUMed - SCAN2030](https://ysd.hk/storage/webp/resized/5281/500x/hkmed-scan2030-listingpage.webp) 

### HKUMed - SCAN2030

 ](https://ysd.hk/en/showcase/hkumed-scan2030)- [ \#Logo Design ](https://ysd.hk/en/showcase?category=logo-design)
- [ \#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)

 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)
- [Blog](/en/blog)
- [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) 

 I'd like a project similar to Vocational Training Council (VTC) Can you build something like this for us? 

 × 

 YSD AI 

     Start a new chat 

Start a new conversation?

Starting a new chat will clear this conversation.

 Start a new chat Cancel 

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