职业训练局「专+导航」 - 精选案例 - 香港网页设计公司 | 客制化系统开发与全方位数码营销 - 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-Hans/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-Hans/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-Hans/showcase/hkumed-scan2030)- [ \#商标设计 ](https://ysd.hk/zh-Hans/showcase?category=logo-design) - [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions) - [ \#香港大学 ](https://ysd.hk/zh-Hans/showcase?category=hku) - [ \#医疗 ](https://ysd.hk/zh-Hans/showcase?category=medical) [ 焦點 ![网页设计: 香港中文大学 - 蔡永业脑神经科学中心](https://ysd.hk/storage/webp/resized/5273/500x/cuhk-mri-listingpage.webp) ### 香港中文大学 - 蔡永业脑神经科学中心 ](https://ysd.hk/zh-Hans/showcase/cuhk-gcnc-mri-core-facility)- [ \#香港中文大学 ](https://ysd.hk/zh-Hans/showcase?category=cuhk) - [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions) - [ \#医疗 ](https://ysd.hk/zh-Hans/showcase?category=medical) [ 焦點 ![网页设计: 香港中文大学研究所 |研究生招生](https://ysd.hk/storage/webp/resized/3356/500x/572302a0adc95.webp) ![网页设计: 香港中文大学研究所 |研究生招生](https://ysd.hk/storage/webp/resized/3357/500x/572302a0ae44a.webp) ![网页设计: 香港中文大学研究所 |研究生招生](https://ysd.hk/storage/webp/resized/1497/500x/cuhkgraduateschooladmission-detailpage-1.webp) ![网页设计: 香港中文大学研究所 |研究生招生](https://ysd.hk/storage/webp/resized/1498/500x/cuhkgraduateschooladmission-detailpage-2.webp) ### 香港中文大学研究所 |研究生招生 ](https://ysd.hk/zh-Hans/showcase/cuhk-graduate-school-postgraduate-admissions)- [ \#香港中文大学 ](https://ysd.hk/zh-Hans/showcase?category=cuhk) - [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions) [ ![网页设计: 香港公开大学 - 高飞创未来](https://ysd.hk/storage/webp/resized/2427/500x/ouhk-gofurther-listingpage.webp) ### 香港公开大学 - 高飞创未来 ](https://ysd.hk/zh-Hans/showcase/ouhk-go-further)- [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions) - [ \#Wordpress ](https://ysd.hk/zh-Hans/showcase?category=wordpress) [ ![网页设计: 香港中文大学 - 综合性合作双专业课程](https://ysd.hk/storage/webp/resized/6195/500x/CDMP-01.webp) ### 香港中文大学 - 综合性合作双专业课程 ](https://ysd.hk/zh-Hans/showcase/cuhk-collaborative-double-major-programme)- [ \#香港中文大学 ](https://ysd.hk/zh-Hans/showcase?category=cuhk) - [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/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-Hans/showcase/cuhk-institute-of-digestive-disease)- [ \#电子报 ](https://ysd.hk/zh-Hans/showcase?category=enewsletter) - [ \#香港中文大学 ](https://ysd.hk/zh-Hans/showcase?category=cuhk) - [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions) - [ \#医疗 ](https://ysd.hk/zh-Hans/showcase?category=medical) [ 焦點 ![网页设计: 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-Hans/showcase/center-for-liver-health-cuhk)- [ \#香港中文大学 ](https://ysd.hk/zh-Hans/showcase?category=cuhk) - [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions) - [ \#医疗 ](https://ysd.hk/zh-Hans/showcase?category=medical) [ ![网页设计: 香港中文大学 - 墨尔本大学 青年领袖学院](https://ysd.hk/storage/webp/resized/3392/500x/58ac0e892726d.webp) ### 香港中文大学 - 墨尔本大学 青年领袖学院 ](https://ysd.hk/zh-Hans/showcase/cuhk-university-of-melbourne-academy-for-young-leaders)- [ \#香港中文大学 ](https://ysd.hk/zh-Hans/showcase?category=cuhk) - [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions) - [ \#Wordpress ](https://ysd.hk/zh-Hans/showcase?category=wordpress) [EN](https://ysd.hk/en/showcase/vocational-training-council-vtc) | [繁](https://ysd.hk/zh-Hant/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-Hans/showcase) - [网页设计](https://ysd.hk/zh-Hans/showcase/web-design) - [市场营销](https://ysd.hk/zh-Hans/showcase/marketing) - [品牌推广](https://ysd.hk/zh-Hans/showcase/branding) - [移動应用程式制作](https://ysd.hk/zh-Hans/showcase/apps-development) 我们的服务 - [服务概览](https://ysd.hk/zh-Hans/services) - [网页设计](https://ysd.hk/zh-Hans/web-design) - [市场营销](https://ysd.hk/zh-Hans/marketing) - [品牌推广](https://ysd.hk/zh-Hans/branding) - [移動应用程式制作](https://ysd.hk/zh-Hans/apps-development) - [广告方案](https://ysd.hk/zh-Hans/ads) 了解 YSD - [关于YSD](https://ysd.hk/zh-Hans/about-ysd) - [我们的客户](https://ysd.hk/zh-Hans/clients) - [合作伙伴](https://ysd.hk/zh-Hans/partners) - [联络我们](https://ysd.hk/zh-Hans/contact) - [加入我们](https://ysd.hk/zh-Hans/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-Hans/privacy-policy) [ ](https://api.whatsapp.com/send?phone=85296796007)