Мне написала Люба — владелица Тверского лектория “Живой город”. Я давно знал о них: они популярны в Твери и по всей России. Например, о Любе есть статья в Forbes, а их Ютуб-канал набрал больше 100 000 подписчиков.
Мы договорились о встрече с Любой и ее мужем Димой (они вдвоем управляют основными процессами в лектории). Оказалось, что они хотят расширить свою аудиторию с Твери на весь русскоязычный рынок, начав продавать лекции и курсы онлайн. Я сразу загорелся этой идеей и предложил несколько вариантов реализации.
Мы обсудили платформы для создания сайта, размещения курсов и лекций, а также варианты приема платежей из-за границы. В итоге остановились на Тильде, так как она позволяет создать удобный сайт и встроенный личный кабинет с курсами без перехода на другие платформы. Это удобно и для нас, и для аудитории.
/ текст
Перед написанием текстов мы с командой провели исследование аудитории и конкурентов. Нам было важно понять, как говорить с аудиторией, чтобы выделиться на фоне немногочисленных, но сильных конкурентов.
Мы также учли, что у ребят уже есть устойчивая аудитория, которой нужен удобный и быстрый доступ к сайту. При этом для новой, широкой аудитории важно было рассказать, кто они и чем круты.
Мы выделили ключевые акценты для позиционирования:
Лучшие в России спикеры и лекторы — живые книги, энциклопедии своих наук.
Локальный и семейный проект — команда, горящая своим делом и создающая сообщество людей вокруг идеи.
Структура сайта:
Краткое введение с описанием: кто мы и чем занимаемся. Пример: “Научно-популярный лекторий. Живые лекции и видеокурсы звезд российской науки.”
Быстрый доступ к актуальным курсам и лекциям с кнопкой “Смотреть больше” для перехода к полному списку.
Раздел “О нас”: “Нас зовут Люба и Дима, мы живем в Твери.”
Блок о дополнительных продуктах: путешествия, подарочные сертификаты, бесплатные знания на Ютуб-канале.
Важной частью был выбор живого tone-of-voice.
/ дизайн
При разработке дизайна мы вдохновлялись книгами, отсылая к названию проекта.
Первая концепция была строгой: черно-белая гамма с тонкими линиями и элементами буквиц в старорусском стиле (курсивные заглавные буквы, напоминающие книжные сказки).
Один из концептов дизайна
Вторая концепция — яркая и насыщенная, с цветами, напоминающими старые русские сказки (оранжевые и синие оттенки с чуть выцветшими белыми). Она включала обложки с именами лекторов, похожие на книги на полке.
Ребята выбрали премиум-тариф разработки сайта, поэтому я презентовал две концепции на выбор
Выбор был сложным, но в итоге остановились на второй, более яркой и живой концепции. На ее основе мы отрисовали весь дизайн.
Также отдельно отрисовали дизайны внутренних страниц курсов — каждая из них в своем, индивидуальном стиле.
Курс про историю русского рока — черно-белая стилистика, шрифт в стиле граффити.
Курс про солнечную систему и жизнь во вселенной — синяя палитра, кольца. Отдельная черта каждого курса – индивидуальные "обложки книг", которые также можно использовать при брендинге и разработке мерча.
Работа над дизайном была проведена глубокая с огромным количеством отсылок. Каждая деталь дизайна выполняет свою функцию. И чтобы это презентовать — мы с командой оформили файл “работа дизайна”, где рассказали о работе каждого элемента. Посмотрите, это увлекательно:
Процесс верстки был классический, но с акцентом на анимации. Над ними была проведена большая работа. Например, при скролле сайта вы можете заметить, как книжки падают, как бы от движения.
/ личный кабинет и системы оплат
После верстки мы настроили личный кабинет и загрузили видео-курсы. На Тильде это удобно, особенно с опытом работы на платформе.
Путь пользователя:
Оплата курса или лекции прямо на сайте. Подключены две платежные системы: одна для российских карт, другая для зарубежных. Это позволило снизить комиссии.
После оплаты пользователь получает на почту доступ в личный кабинет с логином и паролем.
В личном кабинете отображается “книжная полка” с доступными лекциями и курсами.
При покупке новых продуктов они добавляются в аккаунт, а на почту приходит напоминание.
/ обслуживание
Мы предложили подписать договор на 8 месяцев бесплатного обслуживания после сдачи сайта. Это включало добавление новых курсов, обновление контента и дизайн страниц.
Сразу после запуска, несмотря на небольшой ассортимент, начались отличные продажи. От пользователей приходили хвалебные отзывы (хотя и бывали технические доработки :))
А еще сайт быстро начал получать дизайн-награды. Вот, например, награда за лучший сайт дня: