Онлайн-мастерская «Тимуроки»

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

Тимур Аникин, редактор и преподаватель, расскажет, как создать учебные курсы с помощью Тильды и привлекать внимание к своему сайту. Его напарник, арт-директор Алексей Шепелин объяснит, как в этом помогает хороший дизайн.
Тимур Аникин
Алексей Шепелин
Основатель «Тимуроков», преподаватель в Школе дизайна НИУ ВШЭ
Арт-директор
ADN Digital Studio
01.
Почему Тильда подходит для создания курсов
Тимур: До того как сделать авторский курс по текстописанию, я много работал с авторами в редакциях журналов. Затем попробовал бесплатно учить друзей, решил, что это интересно, сделал более серьёзную программу, уже платную. Потом пришли друзья друзей. В 2015 году я и Алексей нарисовали первый лендинг курса «Учимся писать тексты». Чтобы как-то зацепить уже и людей незнакомых.

Когда человек хочет пройти курс, я прошу его заполнить анкету, чтобы понять, какие у него есть задачи, какие он пишет тексты и что хочет в них изменить. В группу набираю 8−9 человек.

Всё проходит в онлайне: чтобы публиковать и комментировать тексты, используем Dropbox Paper, для ежедневного общения — Slack.
Студенты изучают «теорию» по свёрстанным на Тильде урокам, а затем выполняют задания, пишут, редактируют. Я верю в то, что учиться надо практикуясь, а в вебинары как учебный формат — не верю.
Алексей убедил меня, что лучше делать лендинг на Тильде, хотя у нас и был среди приятелей прекрасный верстальщик.

Я сомневался, но быстро проникся: ведь Тильда позволяет не отвлекаться на вещи, которым я не хочу учиться. Например, я очень уважаю программирование как деятельность, если бы у меня было бесконечно много времени, я бы наверняка научился программировать и сам бы вносил изменения в код сайтов. Но раз уж моё время не бесконечно, я лучше сосредоточусь на том, что уже умею и люблю. И Тильда даёт такую возможность: часто что-то меняю, неважно, что CSS-стили уже почти забыл.

Алексей: На коммерческих проектах я использую Тильду для обкатки простых гипотез, когда нужно что-то быстро собрать, обсудить с коллегами/клиентами либо сделать простой MVP. Часто собираю на Тильде простые проекты для друзей. Многим её рекомендую, потому что она очень проста для освоения, это главный плюс.
02.
Выгодно быть полезными
Тимур: Контент-маркетинг сейчас так популярен, потому что в первую очередь он про пользу, а потом уже про рекламу. В книге о том, как продвигать бизнес, «Евангелист бизнеса», вообще радикально утверждается: «Главное правило — никакой рекламы». Если вы рассказываете людям о том, что они смогут использовать, скорее всего, они будут вам благодарны, и с другими этой пользой поделятся. Если вы развлекаете — это тоже польза.
В нашем случае таким полезным проектом стал бесплатный мини-курс для излечения от канцелярита.
Я однажды перечитывал «Слово живое и мёртвое» Норы Галь, где она говорит про языковую мертвечину («мёртвый хватает живого»), и вдруг в голове щёлкнуло: заразная мертвечина — это же зомби, а канцелярит — это такой зомби-язык, получается. Так появилась идея и вместе с ней — визуальная метафора.
Зомби-курс мы готовили примерно два месяца. Дизайн и вёрстку делал Алексей. К визуальной зомби-метафоре присоединялись и новые идеи: одни мы обсуждали и воплощали, другие откладывали. Такой рабочий пинг-понг: то я придумаю сюжеты картинок к упражнениям, то Алексей поставит на стартовый экран Сергея Ивановича Ожегова с топором.
Потом был запуск, неожиданно громкий. В первый день пришло 8 тысяч человек на сайт, а во второй — 15, приятные цифры при нулевом рекламном бюджете. Через неделю в почте накопилось 700 заявок от желающих пройти курс, в Facebook* — более 5 000 лайков и репостов, и это уже было слегка сюрреалистично.
Алексей: Весь «картиночный» контент на проектах у нас легальный: или покупали на фотостоках, или заказывали у иллюстраторов. Верстка и дизайн в Тильде идут параллельно, это ускоряет работу, поэтому тратишь не дни, а часы. В среднем уходит полчаса-час, чтобы отвизировать страницу и внести все правки.
Фотографии с зомби для курса «Пишите живее!»
03.
Упаковка важна
Тимур: Содержание надо хорошо упаковать — контента сейчас много, и конкуренция высока. Чтобы пробиться к аудитории, вы должны выглядеть привлекательно.

Курсы мы готовим долго как раз потому, что оттачиваем детали, спорим про оформление, вносим правки бесконечные. Но с Тильдой рутинные операции ускорены, тратишь меньше сил на упаковку, поэтому мы её так любим.
04.
Автор и арт-директор: как мы работаем в Тильде
Алексей: С обычными проектами процесс проектирования обычно проходит так: сначала вайрфрейм на бумаге, потом прототип в Sketch, его анимация в Principle, потом дизайн и фронтенд. В случае с Тильдой прототип и дизайн мы сразу собираем из готовых блоков.

На первом этапе контент накидывается прямо на базовые блоки, без кастомизации. Смотрим, как контент ложится по структуре, не провисает ли у нас где-то повествовательная часть. А затем начинаем настраивать макет: убираем лишнюю графику, работаем со шрифтами, цветами и мелочами.

Я выступаю в роли арт-директора, визирую материал. Моя задача — собрать костяк, показать, как можно использовать блоки, где и какие стили лучше применять. А с наполнением и содержанием работает Тимур, потому что обязательно должно быть глубокое погружение в материал, я не всегда могу учесть некоторые нюансы работы с текстом. Поэтому я захожу и оцениваю уже собранное, вношу точечные правки по визуальной части.
Логика страницы: написать → собрать костяк из базовых блоков → структурные правки со стороны содержания → финальные правки по визуальной части.
05.
Привлекайте к работе профессионалов
Тимур: Стандартные блоки в Тильде выглядят хорошо, но если хочешь выглядеть лучше среднего уровня, нужно подключать дизайн-навыки. Поэтому я и зову арт-директора — иначе всё будет не так здорово. Плачу иллюстратору, плачу корректору, хотя можно обойтись дешёвыми картинками из фотостоков и собственной редакторской правкой. Понадобилось нам Тимуроки-лого — не корябали его на коленке, а позвали классного спеца по айдентике.

Недавно видел один условно близкий проект (тоже на Тильде, тоже про обучение письму): вроде крутой состав спикеров, но использован стандартный шаблон, где даже одну фотографию не поменяли. Полноэкранную! Это несерьёзно, я так не могу. Если уж делаете, то делайте красиво, думайте, шевелите извилинами.
Да, всё можно сделать своими руками, но если качество важнее экономии, зовите профессиональных дизайнеров.
06.
Как проект будет жить после запуска
Алексей: Когда я делаю проект на Тильде для клиентов, стараюсь по максимуму использовать стандартные блоки и по минимуму — кастомные решения, Zero-блоки. Ведь людям всё это будет нужно поддерживать, а больше работы с Zero — больше затрат.

Поэтому на сайте «Тимуроков» мы оставили Zero-блоки только в шапках, где можно разместить красивые иллюстрации, добавить параллакс или эффект при скролле. А всё остальное собрали из стандартного. Но шаблонно при этом не выглядим: неспешно выбирали цветовую гамму, докупили свежий шрифт, придумали очередную визуальную метафору и повозились с картинками.

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

07.
Стиль — это всегда ограничения
Алексей: Как правило, мы закладываем жесткие ограничения по стилистике. Например, шрифт Formular используется в качестве наборного, а для акциденции мы купили Druk Wide. В графике используем простые, контурные иллюстрации, без сложных заливок и теней.
Задачи всегда нужно стараться решить малым набором инструментов. И иногда имеет смысл себя в этих инструментах ограничивать.
Если говорить глобально, то практически в каждом проекте на Тильде я закладываю несколько жёстких рамок, за которые не выхожу. Например, набираю весь текст одним начертанием шрифта, максимум в двух плотностях. Либо использую строгую цветовую схему или характерную графику. Так экономится время на поиске вещей, которые, скорее всего, тебе совсем не нужны.
08.
Веб требует разных умений
Тимур: Изначально к зомби-курсу мы заказали рисунки у иллюстратора, талантливой девушки, которая той весной перебиралась в Москву. Первые наброски были хороши, но в какой-то момент стало ясно, что скоро релиз, а картинок всё нет и, наверное, уже не будет: переезд съел художницу. Помогло в этой ситуации то, что я когда-то был бильд-редактором и фотографировал для микростоковых фотобанков. Снимал я на любительском уровне, зато знал, где искать картинки, как их выбирать и покупать.

Так что вместо иллюстраций я быстро нашел на Istockphoto десяток снимков, по десять долларов каждый, — их мы и использовали в оформлении, в соцсетях. Алексей только подобрал подходяще-зловещий фотофильтр.
Сто долларов и оплата Тильды — это и был бюджет проекта, который меня кормил полтора года, а также подсказал людям из Школы дизайна НИУ ВШЭ, что меня надо нанять. Хороший ROI, в 2016 году выгоднее было бы только биткоинов накупить, пожалуй.
До того, как делать свои курсы, я много писал и редактировал, бильд-редактировал, был менеджером образовательных проектов, контент- и комьюнити-менеджером, руководил веб-разработкой, фотографировал. Позже всё сошлось воедино — как предприниматель-преподаватель я использовал все эти навыки. И теперь учу дизайн. И немного маркетинг.
09.
Работать можно и без бренда

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

Что накопилось: базовый коммерческий курс по текстописанию, бесплатный зомби-курс, курс про посадочные страницы для студентов-дизайнеров ВШЭ (я написал, студенты заверстали), есть индивидуальные онлайн-занятия для людей, которые не хотят учиться в группе, есть консультирование. Ещё — недавно вышедшая книга, мои статьи, хорошие работы учеников, которые хочется показать, и новые странные идеи (вроде телеграм-игр или настольной игры про редактирование).

В первой версии Тимуроки-сайт — это место, объясняющее, что мы делаем, что из сделанного можно купить или взять бесплатно. Алексей пока не преподаёт, но я говорю «мы», так как без него вся эта история точно выглядела бы иначе. Могла и не выжить.

100 вопросов про твой текст
Тимур Аникин
10.
О ценности сообществ
Тимур: Когда студенты проходят любой мой курс, я зову их в приватную группу для выпускников в Facebook*. Там мы тематически общаемся, иногда я что-то им подсказываю про их новые тексты, отвечаю на вопросы, зову тестировать новые затеи. Некоторые выпускники повторно прошли курс, когда я его обновлял: были довольны, дали много ценных советов, помогли его улучшить.

Мы встречаемся вживую, когда бываю в России. Потихоньку возникает небольшое сообщество, и эта история мне очень нравится. В том числе как бизнес-индикатор.

Довольно очевидно, и всё же повторю: когда вокруг продукта есть сообщество — это очень хорошо. Это же люди, которым вы можете доверять, и которые помогут вам и вашей работе становиться лучше.
Не жалейте своего времени, тратьте его на людей. Это окупается, деньгами тоже, но в первую очередь — удовольствием.
Поделитесь с друзьями, если материал вам понравился. Спасибо!
*Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.
Читайте также: