INT.Кейс · Веб-разработка

Из программы курса — в лендинг.

Сайт курса «Адаптированный сценарий»

Клиент передал единственный документ — рабочую программу курса. Ни брифа, ни референсов, ни сайта-предшественника. Наша задача — превратить сухую методическую программу в продающий лендинг и выпустить его на собственном домене.

Программа курса.docx

1–2: Методы литературного анализа текста как инструменты для экранизации.

3–4: Жанровые особенности литературной формы и перевод в кинотекст.

7: «Хорошая» литература для кино. «Собачье сердце».

14–15: Разбор поэпизодников.

course.kinomagica.ru
Готовый первый экран сайта course.kinomagica.ru
готовый экран
СЦ. 01Вводные данные

На входе — только программа курса

Клиент прислал документ «Программа курса Адаптированный сценарий» — методический план из аннотации и 15 занятий с разбором литературных текстов и экранизаций. Это единственный материал, из которого нужно было собрать структуру и текст будущего лендинга.

Формат

15 занятий по 2,5–3 часа

Автор курса

Екатерина Москвина, к.филол.н., режиссёр

Тема

Перевод литературного текста в киносценарий

Что было на входе

Один .docx-файл с программой. Без брифа, без сайта-предшественника

СЦ. 02Процесс

Три акта: от текста программы до рабочего сайта

Акт I

Разбор документа

Вычленили структуру из сплошного текста программы: аннотацию, блок из 15 занятий, списки фильмов и литературных текстов для разбора. Определили, какие фрагменты станут смысловыми блоками сайта.

Акт II

Драматургия страницы

Разложили контент по сценам лендинга: обложка с сутью курса → аннотация → программа по занятиям → блок об авторе → стоимость и запись → финальный призыв к действию.

Акт III

Постановка

Свели структуру в вёрстку, адаптировали под десктоп и мобильные экраны, подключили домен course.kinomagica.ru и опубликовали рабочий сайт.

СЦ. 03Программа на сайте

15 занятий превратились в 5 смысловых блоков

В документе занятия шли сплошным пронумерованным списком. Для сайта мы сгруппировали их по смысловым темам — так посетителю за 10 секунд понятно, чему учит курс, без чтения всей методической программы.

01–02

Методы литературного анализа

Переводима ли форма, или как искать эквиваленты для киноадаптации.

03–06

Жанр и нарратив в кинотексте

Особенности перевода эпических нарративов малой формы, повествование от первого и третьего лица, средства литературного нарратива.

07–09

Разбор экранизаций и синопсисов

«Собачье сердце» Булгакова и Бортко как эталон удачной адаптации; практический разбор синопсисов слушателей.

10–13

Драматургия жанров

Комедия и стихотворная трагедия, жанр драмы, романная форма и принципы её сокращения для сценария.

14–15

Разбор поэпизодников

Итоговая практика: разбор поэпизодников (ПЭП), написанных слушателями по выбранному произведению.

ЭКРАН · ПРОГРАММА
Блок «Программа курса» на сайте course.kinomagica.ru
Блок программы на готовом сайте — тематические занятия вместо сплошного списка.
СЦ. 04Об авторе
ЭКРАН · АВТОР
Блок «Об авторе» на сайте course.kinomagica.ru
Один абзац из шапки документа развернулся в отдельный экран сайта.

Строчка «автор курса» стала полноценным блоком доверия

В документе автор курса был указан одной строкой: «Екатерина Москвина, к.филол.н., режиссёр». Для лендинга мы вынесли эту информацию в отдельный экран — с бэкграундом преподавателя и акцентом на экспертизе, чтобы у слушателя не осталось вопроса «а почему я должен доверять этому курсу».

Заметка на полях: у клиента не нашлось подходящей фотографии для лендинга — только бытовые снимки. Поэтому портрет автора был сгенерирован на предварительно обученной LoRA-модели, дообученной на этих личных фотографиях, чтобы сохранить реальное сходство.

СЦ. 05Результат

Готовый сайт на собственном домене

course.kinomagica.ru(открывается в новой вкладке)
ЭКРАН · О КУРСЕ
Дополнительный смысловой блок сайта course.kinomagica.ru
Развёрнутый блок с методикой курса — язык, понятный будущему слушателю, а не методисту.
ЭКРАН · СТОИМОСТЬ
Блок стоимости и записи на курс на сайте course.kinomagica.ru
Стоимость и запись — короткий путь от программы курса к решению записаться.
МОБИЛЬНАЯ
Мобильная версия сайта course.kinomagica.ru

Адаптивная вёрстка «из коробки»

Тот же путь «документ → структура → сайт» проверен и на мобильных экранах: программа курса, автор, стоимость и запись читаются без горизонтального скролла и лишних жестов.

СЦ. 06Итог по цифрам

1

исходный документ на входе

6

смысловых экранов на сайте

2

адаптации: десктоп и мобильная версия

15

5

занятий

тематических
блока

Финал

Есть программа курса? Сделаем из неё лендинг.

Так же, как «Адаптированный сценарий», — из одного документа до рабочего сайта на своём домене.