Young Power Engineers School

About the project

Teen Energy School organizes exciting educational courses for children. Classes are based on spectacular (yet educational!) experiments to demonstrate laws and principles of physics and engineering (and power engineering in particular).

Home Page of Teen Energy School

Requirements

I was tasked to build a website which would be easy to edit for School administrators. I was also trusted to create a system for schedule management, which allows to track who signed up for school and which students have paid for their courses and, based on this information, automatically generates student lists for each lesson.

Structure

Initial website Specification Document (SD) suggested creating many sections and subsections for the website, which would make it hard to grasp. This is a common problem on this stage of design, so the first thing I suggested is to merge some sections and get rid of the pages which have no benefit for potential customers.

I recommended not to make page hierarchy too deep, since that would confuse the users. By making this adjustment to the SD on the very first stage, I saved a lot of time to my client and concentrated my efforts on more important problems.

Once we all agreed on the structure, I started developing the website.

Website header contains only the most important information about the School. Navigation is flat, all website pages are available from the main menu. Footer contains links to important pages, and I also placed a very cute illustration of a tiny power system just above it :)

Website footer, with tiny little power system above it

I also built a News section for the website, to keep students in touch with all the recent events at School.

News section design

Class management system

Before signing up for a course, student can check out its schedule and price. Most of the courses offer to take lessons on Saturdays or on Sundays.

Schedule selection screen

I added integration with Yandex.Money payment processing service, which significantly simplified management tasks for School. Once a student has paid for his classes, website records the student in class's roster and notifies them over email. With this feature, School managers always have the most up-to-date list of students, which freed them from having to keep track of everything by hand in Excel spreadsheets, like they used to do before I built a website for them.

Classes management panel, with student list

Conclusion

I managed to create an intuitive and visually engaging website that the School is very happy with.

I also solved the problem of automatic schedule management and payment tracking.