The emergence of digitized world and onset of the unprecedented pandemic beginning of 2020, the management of office-based tasks have gradually been executed online. For the purpose of this study, it is focussing on developing a prototype that facilitates the documentation of evidence for the Training Management System established by the Ministry of Education, Malaysia which was normally prepared in hardcopy for submission by all staff at the stipulated case for this study.  This paper describes the development of a Google Sites-based prototype dubbed as DocuValet which incorporates the methods and approaches of the Design and Development Research (DDR) particularly oriented on product development procedures.  The effort in generating this prototype involved designing, developing, and integrating functions of relevant websites, folders, Excel as well as Word documents necessary to facilitate the efficient documentation for continuous professional development activities of all staff at this stipulated case. These research procedures employed are following the tenets of Instructional Systems Design (ISD) which are put into perspective using ADDIE (Analysis, Design, Development, Implementation and Evaluation) Model.  This is a case study where qualitative data is collected through interviews, observations, and trial runs through introspection and retrospection processes. Various types of data are to be gathered namely profile data, context data, progress project data and try-out data.  It is hoped the outcomes of the analysis may solidify the production of this prototype and provide intended benefits for all users of this product not only at the stipulated case but also other institutions which are adopting the similar Training Management System.