Страницы и витрины · пример решения

Полутон: страница курса

Программа, три тарифа и форма на одной странице: посетитель может сравнить варианты и проверить контакт.

Первый экран проекта Полутон: страница курса

Задача

У школы акварели в этом примере шестинедельный курс. На странице нужно объяснить программу, показать материалы и условия участия, затем предложить понятный следующий шаг.

Что сделано

Собраны структура и тексты, программа по неделям, блок автора, три тарифа и форма. Выбранный тариф переносится в форму. Для страницы подготовлены акварельные иллюстрации.

Почему так

Программа идет до тарифов, а форма после выбора. Это позволяет сначала разобраться в предложении. Форма объясняет ошибки имени и контакта до показа результата.

Проверьте сами

1. Выберите тариф «С разборами»

В форме появится этот тариф и его цена.

2. Попробуйте пустую форму и контакт «123»

Появятся разные подсказки: что исправить в имени и в контакте.

3. Введите «Тест» и @demo_user

Появится результат проверки и ссылка на учебное упражнение.

4. Откройте программу на телефоне

Блоки перестраиваются, навигация ведет к нужным разделам.

Перейти к работающему примеру

Границы примера. Курс, автор и цены вымышлены. Форма не отправляет и не сохраняет контакты. Оплата, рассылка и CRM не подключены. Бесплатный материал — текстовое упражнение, не видеоурок.

Для похожего проекта

В похожей задаче можно подготовить структуру, тексты и готовую страницу. Форму для реальных заявок, место размещения и нужные подключения согласуем отдельно.

Заказать похожую работу

Лендинг или страница курса до 7 блоков. Состав конкретной страницы согласуем до начала.

от 5 000 ₽

4–7 рабочих дней после получения материалов. Два круга правок входят в стоимость.

Посмотреть состав услуги

Есть похожая задача?

Опишите нужный результат, текущую платформу и желаемый срок. Состав работы согласуем до начала.

@ValeriaKorosteleva