Open Educational Resources (OER) integrated online courses provide a rich and a flexible learning environment to acquire knowledge and skills among undergraduates. A significant issue with OER-integrated online courses is the poorly addressed instructional design features. Instructionally rich online courses will have a greater impact on both teaching and learning. This study is aimed at exploring different support systems in relation to the undergraduate learning process through the design of OER-integrated online courses. It explored design features under four main Instructional Design (ID) aspects, being: Information Design, Instruction Design, Interface Design and Interaction Design. The study adopted a Design-Based Research approach through analysis, design, development, implementation and evaluation of an intervention in multiple phases, using mixed methodologies. This resulted in a design framework with reusable design principles for OER-integrated online learning. The outcomes of this study will contribute to enhance OER-integrated course design and to develop undergraduate education.