In this paper, readers are guided through the design and development of educational programs based on the 4C/ID model. This was illustrated via a practical example in Physics education, to teach the theme "Electrical circuits" to students of the 9th grade of compulsory education. In the article, the followed steps are described, from prototyping to development and implementation, to building two learning modules: electrical circuits' representations, and characteristics of series, and parallel circuits. Furthermore, the study was to present an educational innovation that represents the transition from traditional, fragmented and classroom-based learning to an integrated digital learning environment based on experimental tested instructional design principles, to instructional designers and teachers. To test the effect of the learning environment on the students' learning, an experimental group was established on which the learning environment was used and a control group on which the theme of electrical circuits was taught by resorting to the teacher's exposition and performing exercises in the student's book.