Product screens 08
- 01 Course catalogue
- 02 Course page
- 03 Weekly syllabus
- 04 Instructors and graduate work
- 05 Formats and payment
- 06 Cohort enrolment
- 07 Blog
- 08 Course admin
An online school website where people see the whole course — weekly syllabus, instructors, graduate work, format and price — enrol in a cohort with instalments and get course access straight away, without a manager.
- Course catalogue Price, length and format on each card, so courses are easy to compare.
- Syllabus and instructors Modules, topics, weekly practice and graduate work show what people will learn and what ends up in their portfolio.
- Instalments Self-paced, with a mentor or pay in full with a discount, side by side, with online instalments.
- Access without a manager After payment the student lands on the learning platform with a schedule, and the sign-up goes to the CRM.
The school teaches UX/UI design, digital marketing and analytics. Courses were sold through one-off landing pages for every launch and Instagram DMs. The syllabus lived in a Google Doc, the price in a manager’s reply and the cohort start date in stories. After payment a manager added the student to the learning platform by hand, sometimes a day or two later. Someone comparing schools could not see what they would study each week or what it cost, and went where that was clear. Google brought almost no students: old landing pages disappeared with each cohort.
We built one school website on the Company Lite plan instead of separate landing pages. Every course has a card with price, length and format, and a page with the syllabus by module and week, instructors and graduate work. The “self-paced”, “with a mentor” and “pay in full with a discount” formats sit side by side. Enrolment in the next cohort takes card or instalment payment through WayForPay; after payment the site passes the student to the learning platform, sends an email with access and schedule, and sends the sign-up to Telegram and the CRM. The school updates courses, cohort dates, prices and instructors itself in Sanity. Each course has a permanent page with Course markup, and the old landing pages redirect to it.
-
Before Syllabus in a Google Doc, price in a manager’s reply.
After A course card with price, length and format, and a week-by-week syllabus.
-
Before The cohort start date only in stories.
After Enrolment in the next cohort right on the course page.
-
Before Access opened by hand a day or two after payment.
After Platform access and the schedule arrive straight after payment.
-
Before A landing page per launch, no students from Google.
After One school site with permanent course pages people find in search.
03 · The client’s path
How a person moves through the product, from the first step to the result the business needs.
-
Finds a course
Searches “online UX design course” and lands on a permanent course page.
-
Studies the syllabus
Modules, topics, weekly practice and graduate work.
-
Chooses a format
Self-paced, with a mentor, or pay in full with a discount.
-
Enrols in a cohort
Card or instalment payment online and confirmation in Telegram.
-
Starts learning
Platform access and the schedule arrive by email right after payment.
04 · What is inside the project
-
Course catalogue with price, length and format on each card
-
Course pages: week-by-week syllabus, instructors, graduate work, FAQ
-
Cohort enrolment with card or instalment payment
-
Platform access and a schedule email sent automatically after payment
-
Sign-ups to Telegram and CRM, analytics events for enrolment and payment
-
Permanent course pages with Course markup instead of one-off landing pages
Within 2–3 months, 20–30% of enrolments come from course pages in search, “how much” and “when does it start” DMs halve, and instalments remove part of the drop-off at checkout. A guideline, not a promise.
05 · Architecture
How the product is put together: from what the user sees to the data and services behind it.
- User Opens the site on a phone or a computer
- Interface What a person sees and taps
- Astro
- Logic Rules, roles and scenarios
- WayForPay
- Telegram Bot API
- Data & integrations Where the data lives and what the product talks to
- Sanity
06 · How a project like this is built
Total: 4–6 weeks- Brief & research Goals, audience, page structure and what the product must do
- UX/UI design Prototype, design of the key screens and the mobile version
- Development Front end, CMS, integrations and animation
- QA & launch Device testing, speed, SEO groundwork and launch
Typical phase split for a project of this size
07 · Services in this project
Solutions for a specific job
Ready-made scenarios for your case — with examples and indicative pricing.
- E-commerce · marketplaces Marketplace development, turnkey See the solution
- CRM · wholesale & B2B A CRM for wholesale: the deal run from enquiry to payment See the solution
- Websites · hospitality A website for a hotel that takes bookings around the clock See the solution
- E-commerce · beauty A cosmetics store that carries the buyer to checkout See the solution
- CRM · logistics A CRM for logistics: cargo tracking that ends the “where is my shipment” calls See the solution
- Websites · finance A website for fintech and investment firms: trust and stability See the solution
- Site-card · legal services A lawyer’s site-card that shows the specialisation See the solution
- Landing · auto service A landing page for an auto shop that fills the schedule See the solution
- Websites · healthcare and dental A clinic website: booking a doctor without a call See the solution
- Websites · beauty salons A beauty salon website where clients book themselves See the solution
- Websites · restaurants and cafés Restaurant website: menu, table booking and banquets See the solution
- Websites · online schools and courses Online school website: courses, syllabus and cohort sign-up See the solution
- Websites · psychologists and therapists A psychologist website: clients book without hesitating See the solution
- Websites · real estate agencies Website and CRM for a real estate agency See the solution
- Websites · construction and renovation Construction company website: projects, calculator and quotes See the solution
- Websites · travel agencies Travel agency website: tour search, last-minute deals and matching See the solution
- Websites · cleaning Cleaning company website: price, time and payment without a call See the solution
- Websites · barbershops Barbershop website: book your barber without calls or DMs See the solution
- Websites · kindergartens Private kindergarten website: parents see prices and book a tour See the solution
- Websites · driving schools Driving school website: the course price before a call and online group sign-up See the solution
