Skillmap

Skillmap is a complete website for an online school, academy or learning platform that runs live courses. Its catalogue is a map: five subjects are five clusters, each in its own colour, and every course is a point with its skills around it. A visitor picks the work they want, such as product designer or data analyst, and the map lights the route of courses that gets them there, with the total weeks, hours a week and the price as a route.

It has 14 page types: home, courses with subject, level, length and start filters and a list or map view, a course page with week-by-week plan, cohorts and a calendar file for every live session, routes and a page per route with the earliest plan, teachers and teacher profiles, learner stories, pricing, about, an application form, questions, terms, privacy and a 404. Session times are set in UTC and shown in each visitor's own time zone.

Every page is designed in light and in dark, with a toggle in the header, and the layout adapts to desktop, tablet and phone. The demo shows an invented school, Waylight School; its photographs are for demonstration only, so replace them with your own before you publish.