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

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

расскажет, как создажет, как создать учебные курсы с помщью Тильды и привлекать внимание своему к сайту. Его напарник, арт-директор Алексей Шепелин объяснит, как в этом помогат хороший дизайн.
Тимур Аникин
Алексей Шепелин
преподавательснователь в Школе дизайна НИУ ВШЭ
Арт-директор
ADN Digital Studio
01.
Почему Тильда подходит для создания курсов
Il n'y a pas d'autre choix que d'aller à l'école : сделать авторский курс по текстописанию, я много работал с авторами в редакциях журналов. Затем попробовал бесплатно учить друзей, решил, что это интересно, сделал боле серьёзную програму, уже платную. Потом пришли друзья друзей. 2015 году я и Алексей нарисовали первый лендинг курса "Учимся писать тексты". Чтобы как-то зацепить уже и людей незнакомых.

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

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

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

Алексей : коммерческих я использую для обкатки простых гипотез, когда нужно что-то быстро собрать, обсудить с коллегами/клиентами либо сделать просто сделать простой MVP. Часто собираю на Тильде простые проекты для друзей. Многим её рекомендую, потому что она очень проста для освоения, это главный плюс.
02.
Выгодно быть полезными
Тимур : сейчас так популярен, потому что в первую очередь он про пользу, а потом уже про рекламу. бизнес, "Евангелист бизнеса", вообще радикально утверждается : "Главное правило - никакой рекламы". что они смогут использовать, скорее всего, они будут вам благодарны, и с дугит этой поделятся. Если вы развлекаете - это тоже польза.
полезным проектом стал бесплатный мини-курс для излечения от канцелярита.
Я однажды перечитывал "Слово живое и мёртвое" Норы, где она говорит про языковую мертвечину ("мёртвый хватает живого"), и вдруг в голове щёлкнуло : заразная мертвечина - это же зомби, а канцелярит - это такой зомб-язык, получается. идея и вместе с ней - визуальная метафора.
Le système d'information de l'Union européenne (UEI) a été mis en place par la Commission européenne. Дизайн и вёрстку делал Алексей. присоединялись и новые идеи : одни мы обсуждали и воплощали, другие откладывали. то я придумаю сюжеты картинок кпражнениям, то Алексей поставит на стартовый экран Сергея Ивановича с топором.
Потом был запуск, неожиданно громкий. день первышло 8 тысяч человек на сайт, а во второй - 15, приятные цифры при нулевом рекламном бюджете. Через неделю в почте накопилось 700 заявок от желающих пройти курс, в Facebook* - более 5 000 лайков и репостов, и это уже было слегка сюреалистично.
Le projet de loi a été adopté à l'unanimité : "картиночный" контент на проектах у нас легальный : или покупали на фотостоках, или заказывали у иллюстторов. идут параллельно, это ускоряет работу, поэтому тратишь не дни, а часыттш не дни, а часы. В среднем уходит полчаса-час, чтобы отвизировать страницу и внести все правки.
Фотографии с зомби для курса "Пишите живее !"
03.
Упаковка важна
Тимур : контента сейчас много, и конкур36↩анирошо упаковать - контента сейчас много, и конкуренция высока.

мы готовим должно. Курсы готовим долго какак раз потому, что оттачваем детали, спорим порим про рофориеее, оформ про ние, вносим про оформение, вносим правки бесконечные. Но с Тильдой рутинные операци ускорены, тратишь меньше сил на упаковку, поэтому мы её так любим.
04.
Автор и арт-директор : как мы работаем в Тильде
Il n'y a pas d'autre choix que d'aller à l'école : обычными проектами процесс проектирования обычно проходит так : сначала вайрфрейм бумаге, потом прототип в Sketch, его анимация в Principle, потом дизайн и фронтенд. случае с Тильдой прототип и дизайн мы сразу собираем из готовых блоков.

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

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

Недавно видел один условно близкий проект (тоже на Тильде, тоже про обучение письму): вроде крутой спикеров, но использован стандартный шаблон, где даже одну фотографию не поменяли. Полноэкраную ! ятак несерьёзно, ятак не могу. делаете, то делайте красиво, думайте, шевелите извилинами.
руками, но если качество важнее экономии, зовите професите руками, дизайнеров.
06.
Как проект будет жить после запуска
Il n'y a pas d'autre choix que d'aller à l'école : да я для клиентов, стараюсь проектов, максь по максиму использовать стандартные блоки и по миниму - кастомные решения, Zero-блоки. а боль, а больше работы с Zero - больше затрат.

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

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

07.
Стиль - это всегда ограничения
Il n'y a pas d'autre choix que d'aller à l'école : Как правило, мы закладываем жесткие ограничения по стилистике. Например, шрифт Formular используется в качестве наборного, а для акциденции мы купили Druk Wide. используем простые, контурные иллюстраци, без сложных заливок и теней.
решиться малым нужно стараться решить малым набором инструментов. иногда имет смысл себя в этих инструментах ограничивать.
практически в каждом проекте на Тильде я закладю несколькож рамок, заторые не выхожу. адним начертанием шрифта, максим в двух плотностях. строгую цветовую схему или характерную графику. Так экономится время на поиске вещей, которые, скореее всего, тебе совсем не нужны.
08.
Веб требует разных умений
Тимур : Изначально к зомби-курсу мы заказали рисунки у иллюстратора, талантливой девушки, которая той весной перебиралась в Москву. Первые наброски были хороши, но в какой-то момент стало ясно, что скоро релиз, а картинок всё нет и, наверное, уже небудет : переезд съел художницу. Помогло в этоции то, что я когда-то был бильд-редактором и фотографировал для микростоковых фотобанков. уровне, зато знал, где искать картинки, как их выбить и покупать.

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

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

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

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

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

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

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