Sustainable living is critical for the next generation, and ESD competencies are required to handle global concerns. Education of Sustainable Development (ESD) helps to overcome this gap, however, technological integration is restricted and lacking in a complete framework. To overcome these problems, this study designed a website as an interactive learning medium to equip ESD competencies to realize science education with the PBL-STEAM model in the digital era. This learning website helps students learn about global warming and renewable energy in the learning process both inside and outside the classroom. The website development process using waterfall design. This research method was a descriptive and validation method carried out by content, language, and media experts to evaluate learning websites. The questionnaire statements were developed based on five dimensions of interactivity to understand the perspectives of physics teachers and pre-service science teachers. Physics teachers and pre-service science teachers as research subjects, consisting of 5 teachers and 12 students in Surabaya. This study succeeded in developing the BSB website which has an average validation score of 3.94. All respondents responded very good in every aspect of the interactive dimension. Overall it shows good results, from the validity of the "Belajar Sains Berkelanjutan" (BSB) website and responses related to the learning website after using it. The development of the BSB website has implications for increasing ESD's competence in global warming and renewable energy materials. It is recommended for further research to develop a website in other learning materials that integrate the improvement of ESD competencies.