Raster is for selling a live course. The kind with a start date, a capped cohort and a person teaching it, rather than a recorded library or a membership.
The homepage runs thirteen sections in a deliberate order: the premise, how the course runs, the curriculum, what students leave with, the instructor, the questions people ask before buying, then pricing. Two tiers, a live countdown on the early rate, and a waitlist for everyone who cannot make this cohort.
Pages
Home
Module detail, one per week, driven by the CMS
Enrolment confirmation, for your checkout to redirect to
Terms, refunds and privacy
404
Built on the CMS. Three collections: modules, questions and student quotes. Add a week and the curriculum list, its detail page and the previous/next links all follow.
Details worth looking at
A native pixel shader over the cover photograph
The Ceiling section assembles as you scroll, scrubbed to scroll position rather than played once, so it runs backwards when you scroll back
Sticky curriculum plate that holds while the modules pass it
Type-led throughout: Aeonik display against IBM Plex Mono labels
Dark, with one cream act in the middle
Four things to wire up: point the enrol buttons at your payment processor, set the waitlist form destination, uncomment the analytics block, and replace the demo content. A Start here page in the project walks through each.
Accessibility: contrast measured against WCAG AA, one h1 per page, reduced motion honoured, visible focus states.
Questions: hello@itsanto.com
Raster is for selling a live course. The kind with a start date, a capped cohort and a person teaching it, rather than a recorded library or a membership.
The homepage runs thirteen sections in a deliberate order: the premise, how the course runs, the curriculum, what students leave with, the instructor, the questions people ask before buying, then pricing. Two tiers, a live countdown on the early rate, and a waitlist for everyone who cannot make this cohort.
Pages
Home
Module detail, one per week, driven by the CMS
Enrolment confirmation, for your checkout to redirect to
Terms, refunds and privacy
404
Built on the CMS. Three collections: modules, questions and student quotes. Add a week and the curriculum list, its detail page and the previous/next links all follow.
Details worth looking at
A native pixel shader over the cover photograph
The Ceiling section assembles as you scroll, scrubbed to scroll position rather than played once, so it runs backwards when you scroll back
Sticky curriculum plate that holds while the modules pass it
Type-led throughout: Aeonik display against IBM Plex Mono labels
Dark, with one cream act in the middle
Four things to wire up: point the enrol buttons at your payment processor, set the waitlist form destination, uncomment the analytics block, and replace the demo content. A Start here page in the project walks through each.
Accessibility: contrast measured against WCAG AA, one h1 per page, reduced motion honoured, visible focus states.
Questions: hello@itsanto.com