✔ Сразу показать, чему здесь учат, — эклерам и торту
✔ Познакомить с автором курсов и вызвать доверие к ней как к шеф-кондитеру
✔ Продавать курс фотографиями десертов и видео, а не длинными текстами
✔ Ответить на вопросы покупателя: что внутри, сколько уроков, как долго доступ
✔ Вести к записи на курс кнопкой «get started»
Мария Тульчевская — шеф-кондитер и основательница Art Dessert LLC в Калифорнии. Для её онлайн-школы нужен был сайт на английском, который продаёт курсы по эклерам и торту — и новичкам без опыта выпечки, и профессионалам.
Я сверстал главную и страницу курса так, чтобы продавали сами десерты: крупные фото на белом фоне, графитовые и песочно-золотые блоки шахматкой, кнопки с градиентом от чёрного к золоту. Структура отвечает на два вопроса покупателя — кто учит и чему именно научат.
Результат — сайт из главной с курсами и блоком об инструкторе и страницы курса «Contemporary Éclairs» с видео, цифрами и программой по модулям в аккордеоне. В мобильной версии шапка с бургером и ссылкой «get started», а блоки выстроены в одну колонку.
Сайт, на котором курс продают сами десерты.
Эклеры на белом фоне, крупные планы глазури и разрезы с начинкой
Портрет Марии, цитата, факты о компании и учениках, отдельный блок о миссии
Запись открыта → о курсе с видео → преимущества → что вы получите → цифры → программа
Модули от вводного урока до декора раскрываются по клику и не растягивают страницу
Доступ на 6 или 9 месяцев, 50+ страниц для печати и 36 уроков — одной золотой полосой
Бургер, монограмма и «get started» в шапке, блоки курса — в одну колонку
Сдержанный графитово-золотой сайт, в котором главное — эклеры и их автор.
Сайт решает несколько основных задач:
Ответ гарантированно в течение 24 часов.
Первая консультация бесплатна и ни к чему не обязывает.
Когда продаёшь курс по эклерам, главный аргумент — сами эклеры. На примере онлайн-школы шеф-кондитера Марии Тульчевской рассказываю, как я сделал сайт на английском: главную с курсами и автором, продающую страницу курса с видео и программой по модулям и мобильную версию.
Мария Тульчевская — шеф-кондитер и основательница Art Dessert LLC. Её компания в Калифорнии делает европейские десерты и выпечку, сотрудничает с местными кофейнями и проводит профессиональные кондитерские занятия онлайн и вживую по всем США. Лично Мария обучила больше двухсот учеников.
Для онлайн-школы ART DESSERT by Maria Tulchevska нужен был сайт на английском, который продаёт курсы — по эклерам и по торту. Главный из них — «Contemporary Éclairs»: научиться делать эклеры профессионального уровня можно даже без опыта выпечки. Моя задача — сделать сайт, в котором этому обещанию веришь с первого взгляда: сверстать главную и страницу курса, собрать интерактивные блоки и мобильную версию.
Эклеры Марии сами по себе выглядят как украшения: зеркальная глазурь, сусальное золото, ягоды. Поэтому сайт не спорит с ними декором — главную роль играют фотографии:
Большая часть страниц собрана шахматкой: фото и рядом текст на тёмной или золотой плашке. Такой ритм легко читать, а сетку легко продолжать новыми разделами — например, страницей курса по торту.
Меню в шапке разделено логотипом-монограммой: слева — «Éclairs», «Cake» и «Your instructor», справа — «Events», «Professional blog» и Instagram. На первом экране — портрет Марии в кондитерском кителе, название школы, короткое обещание научить делать эклеры профессионального уровня без опыта выпечки и две кнопки — «éclairs» и «cake». Посетитель выбирает курс, ещё не прокрутив страницу.
Ниже курсы подаются шахматными блоками: фото десертов и тёмная плашка с подписью «online course», названием, описанием и кнопкой «more about course».
В онлайн-обучении покупают не только программу, но и преподавателя. Блок «Meet Your Instructor» открывается крупной цитатой Марии о том, сколько времени и сил ушло на мастерство кондитера. Рядом с её портретом — золотая плашка с тремя фактами: компания Art Dessert LLC, сотрудничество с кофейнями Калифорнии, которые продают выпечку по рецептам Марии, и больше двухсот учеников.
Дальше — полоса разрезанных эклеров с отражением на всю ширину и блок миссии: Мария с эклером в руках и цитата о том, что ей в радость делиться знаниями и делать современные кондитерские техники доступными каждому. Кнопка «more about Maria Tulchevska» ведёт к подробному рассказу об авторе, а тёмный подвал собирает меню, логотип и контакты.
Страница «Contemporary Éclairs» построена как продающая история. Первый экран — название курса, надпись «Enrollment is now open», обещание результата и кнопка «get started» рядом с крупным фото эклера с малиной в разрезе.
Следом — тёмный блок «About»: приглашение в ART DESSERT и пояснение, что курс создан профессиональным шеф-кондитером для людей с любым уровнем подготовки. Рядом — фото эклеров с круглой кнопкой «play» для видео о курсе: оно показывает работу нагляднее любого текста.
Четыре преимущества сформулированы как ответы на сомнения покупателя:
Блок «What You Get» — семь пронумерованных пунктов с золотыми цифрами и тонкими разделителями: секреты декора и зеркальных глазурей, заварное тесто и ровные эклеры без трещин, современные десерты на основе французских техник, хранение эклеров до двух недель, 7 начинок и 3 глазури, теория за каждым рецептом и то, как ингредиенты работают вместе.
Затем — золотая полоса с тремя цифрами курса:
После крупного макрокадра эклера идёт «Course Syllabus» — программа по модулям на тёмном фоне: вводный урок, теория за рецептами, а затем практика — заварное тесто, начинки, глазури и подготовка декора. Модули раскрываются по клику на «плюс», поэтому программа видна целиком и не растягивает страницу.
На телефоне шапка сжимается до бургера, монограммы и ссылки «get started» — кнопка записи стоит прямо в шапке. Первый экран страницы курса перестроен в колонку: название, фото эклера, кнопка и только потом текст. Шахматные блоки складываются друг под друга, сохраняя чередование тёмного и светлого, а кнопка «play» ложится поверх фото на стыке секций.
Онлайн-курс нельзя попробовать на вкус до покупки. Человек решает по сайту: можно ли доверять автору, получится ли у него и стоит ли курс своих денег. Поэтому, когда я делаю сайты для онлайн-школ, опираюсь на несколько правил:
Если вы запускаете онлайн-курсы или школу и вам нужен сайт, который продаёт обучение, — я сделаю его под ключ: от структуры страниц до вёрстки, интерактивных блоков и мобильной версии.
