We contribute a methodical approach in the context of IS design science research to develop UI prototypes for evaluations in practice-oriented research. Based on previous research on improving IS support for early product cost optimization, we present and discuss our methodical approach to derive UI prototypes based on an evaluated requirements model. The objective of the outlined approach comprising different steps is to derive a clickable UI prototype that is feasible for further artifact evaluation within institutional environments. Together with experts from the practice of software engineering we iterated through the working steps of the elaborated approach to determine its feasibility to derive a prototype and moreover, generate visual examples for each step to improve the approach's comprehensibility. In addition to the description of the approach itself we point to significant hurdles that have arisen with the application of it in order to generate learnings for other research projects.