Penelitian ini mengusulkan analisis dan perancangan front-end website Research and Inovation Telkom University dengan pendekatan Component-driven
Development(CDD). Pengelolaan data riset dan inovasi Telkom University masih terpisah diberbagai unit kerja, sehingga dibangun website Research and Inovation
Telkom University yang terintegrasi. Melalui proses wawancara dengan tim pengembangan Direktorat Penelitian dan Pengabdian Masyarakat(PPM) ditemukan
bahwa kompleksitas sistem menyebabkan kesulitan pemeliharaan dan pengembangan. Oleh karena itu, pendekatan Component-driven
Development(CDD) diimplementasikan dalam pengembangan website untuk dapat mengatasi masalah pemeliharaan dan pengembangan pada pihak terkait. Selain itu, pengujian Maintainability Index (MI) menggunakan SonarQube akan dilakukan untuk menilai kualitas kode website terdahulu yang dimiliki PPM dan juga kualitas kode end website Research and Inovation Telkom University. Hasil pengujian menunjukkan bahwa situs web yang menerapkan pendekatan CDD mengalami penurunan persentase kerentanan sebesar 1,1% pada halaman penuh dan 0,6% pada halaman sampel dibandingkan dengan situs web sebelumnya. Penurunan ini menunjukkan peningkatan dalam pemeliharaan dan pengelolaan kode. Oleh karena itu, studi ini memberikan solusi konkret untuk masalah pengembangan situs web yang dihadapi
oleh Direktorat PPM di Universitas Telkom.