Currently, attempts are being made to introduce innovative teaching methods in architectural engineering education. However, there is still a lack of research supporting self-directed learners. In this regard, this study sought to develop an application prototype to support learning from online lectures on architectural engineering and conduct prototyping for its evolution. Menus in the application prototype consisted of four main categories: lecture operation, video lectures, eBooks and past exam questions. The lecture operation was classified into eight sub-categories, including assignment submission and notice, so as to support interactions between instructors and learners as well as confirmation of the delivery methods. With respect to video lectures, assignment submissions and notice functions, prototyping connecting the mobile web was implemented to enhance user convenience.