Мне написала Люба — владелица Тверского лектория “Живой город”. Я давно знал о них: они популярны в Твери и по всей России. Например, о Любе есть статья в Forbes, а их Ютуб-канал набрал больше 100 000 подписчиков.

Мы договорились о встрече с Любой и ее мужем Димой (они вдвоем управляют основными процессами в лектории). Оказалось, что они хотят расширить свою аудиторию с Твери на весь русскоязычный рынок, начав продавать лекции и курсы онлайн. Я сразу загорелся этой идеей и предложил несколько вариантов реализации.

Мы обсудили платформы для создания сайта, размещения курсов и лекций, а также варианты приема платежей из-за границы. В итоге остановились на Тильде, так как она позволяет создать удобный сайт и встроенный личный кабинет с курсами без перехода на другие платформы. Это удобно и для нас, и для аудитории.

/ текст

Перед написанием текстов мы с командой провели исследование аудитории и конкурентов. Нам было важно понять, как говорить с аудиторией, чтобы выделиться на фоне немногочисленных, но сильных конкурентов.

Мы также учли, что у ребят уже есть устойчивая аудитория, которой нужен удобный и быстрый доступ к сайту. При этом для новой, широкой аудитории важно было рассказать, кто они и чем круты.

Мы выделили ключевые акценты для позиционирования:

1. Лучшие в России спикеры и лекторы — живые книги, энциклопедии своих наук.
2. Локальный и семейный проект — команда, горящая своим делом и создающая сообщество людей вокруг идеи.

Структура сайта:

1. Краткое введение с описанием: кто мы и чем занимаемся. Пример: “Научно-популярный лекторий. Живые лекции и видеокурсы звезд российской науки.”
2. Быстрый доступ к актуальным курсам и лекциям с кнопкой “Смотреть больше” для перехода к полному списку.
3. Раздел “О нас”: “Нас зовут Люба и Дима, мы живем в Твери.”
4. Блок о дополнительных продуктах: путешествия, подарочные сертификаты, бесплатные знания на Ютуб-канале.

Важной частью был выбор живого tone-of-voice.

/ дизайн

При разработке дизайна мы вдохновлялись книгами, отсылая к названию проекта.

Первая концепция была строгой: черно-белая гамма с тонкими линиями и элементами буквиц в старорусском стиле (курсивные заглавные буквы, напоминающие книжные сказки).

Вторая концепция — яркая и насыщенная, с цветами, напоминающими старые русские сказки (оранжевые и синие оттенки с чуть выцветшими белыми). Она включала обложки с именами лекторов, похожие на книги на полке.

Выбор был сложным, но в итоге остановились на второй, более яркой и живой концепции. На ее основе мы отрисовали весь дизайн.

Также отдельно отрисовали дизайны внутренних страниц курсов — каждая из них в своем, индивидуальном стиле.

Работа над дизайном была проведена глубокая с огромным количеством отсылок. Каждая деталь дизайна выполняет свою функцию. И чтобы это презентовать — мы с командой оформили файл “работа дизайна”, где рассказали о работе каждого элемента. Посмотрите, это увлекательно:

/ верстка

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

/ личный кабинет и системы оплат

После верстки мы настроили личный кабинет и загрузили видео-курсы. На Тильде это удобно, особенно с опытом работы на платформе.

Путь пользователя:

1. Оплата курса или лекции прямо на сайте. Подключены две платежные системы: одна для российских карт, другая для зарубежных. Это позволило снизить комиссии.
2. После оплаты пользователь получает на почту доступ в личный кабинет с логином и паролем.
3. В личном кабинете отображается “книжная полка” с доступными лекциями и курсами.
4. При покупке новых продуктов они добавляются в аккаунт, а на почту приходит напоминание.

/ обслуживание

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

Сразу после запуска, несмотря на небольшой ассортимент, начались отличные продажи. От пользователей приходили хвалебные отзывы (хотя и бывали технические доработки :))

А еще сайт быстро начал получать дизайн-награды. Вот, например, награда за лучший сайт дня:

Ребята оставили мне теплый отзыв: