Rocketslides: как одному дизайнеру зерокодить 1000 слайдов в день

CEO Бюро презентаций Rocketslides Вадим Михалев, а также основатель сообщества зерокодеров и онлайн-университета зерокодинга, рассказывает, как через 4 года провалов удалось собрать без кода мощную автоматизацию, которая в сотни раз повышает продуктивность дизайнеров студии.

• Мы работаем по производственным принципам конвеера, разделением проектов на четкие этапы и компетенции специалистов, чтобы обеспечивать качественный продукт
  
• Мы работаем без менеджеров проектов, с матричной оргструктурой, горизонтальными и вертикальными руководителями, гибкой системой бонусов и штрафов
• Под капотом у нас — Airtable и технологический сервис скоринга подходимости каждого специалиста под конкретный проект, о котором я рассказывал в подкасте и на конференции ProductSense в 2018 году.
• В пике мы делали 80 проектов одновременно, на которых трудилось 70-75 человек. Годовой оборот — около 500 проектов и порядка 20 000 слайдов

На карантине к нам пришла Синхронизация — прекраснейшая компания, которая делает великолепные курсы об экономике, кино, психологии и ещё куче тем. У них появился новый фирменный стиль, все слайды остались в старом брендинге, а у спикеров нет ни времени, ни дизайнерских компетенций перекладывать их в новый дизайн.

Вводные на начало проекта:

• Нужно сделать редизайн архива из ~400 презентаций, всего — 30,000 слайдов, на это есть месяц (а это наш 1,5-годовой оборот, на секундочку)
• Как правило, исходников презентаций в .pptx у большинства презентаций (и практически невозможно достать) нет, работать придётся с .pdf
• У ребят часто запускаются новые лекции, а это может быть 2-4 презентации из 110+ слайдов каждая, которую нужно подготовить за пару дней (такие вбросы объемов нереально выполнить дизайнеру в штате)

• Если дизайнер делает дизайн 30-50 слайдов в день, то с таким же успехом 5 дизайнеров будут делать работу почти год без выходных, 10 дизайнеров — полгода (но, скорее всего, все эмоционально и физически выгорят раньше)
• Стоить такой проект будет для клиента при нашей стандартной ставке, 3 000 руб./слайд — 90 млн рублей, такой бюджет мы защитить не сможем :)
• Клиент не может обойтись шаблоном, чтобы раздать спикерам и попросить переделать: это много работы, тонна часов обучения дизайну и огромный ресурс арт-дирекшена на команду, к тому же редизайн некорректно перекладывать на лектора (это долго, дорого, к тому же лекторы — не дизайнеры)
• Нужен был какой-то новый подход к решению задачи, который снизит стоимость и объем производства слайдов в сотни раз при работе с теми же ресурсами, что и сейчас

Но к этой «кнопке» лежал путь в 4 года и миллионы рублей инвестиций в эксперименты и исследования.

Сначала, в 2016 году, мы с разработчиком напрограммировали расширение для PowerPoint, подключенное по API к сервисам иконок, иллюстраций и даже Главреду с собственной базой стилей и шаблонов слайдов. Оказалось, что оно не умеет редизайнить слайды чисто технически.

В 2017 году переехали на расширение для Windows, но им было практически невозможно пользоваться: сложно устанавливать, нельзя использовать под Mac (а для нас это было принципиально), и оно тормозило процесс. Убили.

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

В 2019, накопив еще больше знаний, я вложил еще ~2 млн рублей в дизайн и разработку онлайн-сервиса, который я называл «Notion для создания презентаций» с базой готовых решений, которая генерировала бы готовые презентации прямо из текстового документа. В итоге я не смог довести идею до версии, которую можно было бы показать хотя бы одному клиенту. Закончилась вера и деньги :)

Зерокодинг (или no-code) — это современный способ в 3-5 раз дешевле и в 5-10 раз быстрее создавать прототипы, MVP и даже полноценные IT-продукты, используя готовые онлайн-инструменты типа Airtable, Integromat, GlideApps, Bubble и проч.

Концептуально зерокодинг — это про то, чтобы не нанимать (дорогостоящих) людей, а использовать готовые решения типовых задач. Другими словами, даже дизайнер тоже может стать зерокодером, если хочет перестать делать одну и ту же неуникальную работу (например, двигать пиксели по слайду в PowerPoint) сотни раз :)

Мы решили взять классные инструменты с открытым API — Airtable, Google Slides, Integromat и назерокодить новую технологию. Но она бы не получилась, если бы не одно маленькое изобретение.

Погрузившись в зерокодинг, меня (как человека, который никогда не программировал) осенило, что любой слайд — это визуализация какой-то таблицы, или, другими словами, маленькой базы данных. Например, типовой слайд из питчдека с заголовком и четырьмя колонками на бэкенде представляет собой ничто иное как таблицу с 4 записями и 3 полями:

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

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

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

1. Собрали большой гайд по дизайну слайдов в Notion
2. Сделали и аккуратно настроили шаблон в Google Slides, чтобы в нём можно было автоматически менять палитру или шрифты для всех слайдов
3. Сделали дизайн библиотеки из 680 реальных слайдов презентаций в едином файле Google Slides (для всей команды он всегда находится в в облаке общем доступе — можно прийти и добавить новый макет в любой момент) и разметили их. В нём невозможно ориентироваться человеку, но машина ориентируется на раз.
4. Обучили (через инструкции и скринкасты) ассистента новой профессии разметчика смыслов на слайдах, а дизайнера — выбирать подходящие макеты и генерировать финальные презентации
5. После 3-4 итераций собрали производственную цепочку с помощью статусов, настроили несколько интерфейсов для работы команды прямо в Airtable (там богатые настройки отображения данных) и научились быстро перерабатывать даже десятки тысяч одновременно загруженных слайдов, что ранее было просто невозможно для любого человека и любого онлайн-сервиса.
6. Настроили бесперебойную и одновременно очень гибкую на улучшения технологическую систему из 8 развесистых сценариев на конструкторе бизнес-логики Integromat, которые успешно работают до сих пор
7. Настроили Telegram-бота, который присылает уведомления от системы — чтобы информировать команду о том, когда можно идти размечать слайды, выбирать слайды, смотреть готовую презентацию.

• Загружаем презентации в систему (руками)
• Презентации парсятся на тексты и картинки (автоматически)
• Размечаем смыслы на слайдах (человек, машина помогает авторазметкой) даже без привязки к конкретной презентации
• Подбираются варианты подходящих шаблонов дизайна для каждого слайда (мэтчинг, автоматически)
• Выбираем подходящие дизайн-макеты для слайдов (человек)
• Красивые Google Slides презентации генерируются (автоматически)
• Причесываем дизайн с помощью финального тюнинга (человек)

• Если у вас стоит задача сделать редизайн 500+ слайдов после обновления фирменного стиля или просто привести в порядок большой архив материалов не дороже 100 руб./слайд, то мы можем вам помочь сделать это для практически любого объема, и даже успеть до нового года. Напишите мне в Telegram @mikhalyov
  
• Мы в Rocketslides открываем вертикаль услуг в области быстрой разработки MVP, автоматизаций и продуктов без кода с помощью технологий зерокодинга и ищем CEO, который возглавит это направление в компании. Напишите мне в Telegram @mikhalyov, чтобы узнать подробности и наши нечестные преимущества.
  
• В нашем онлайн-университете зерокодинга мы учим собирать такие функциональные системы на курсе по Integromat (базовом и профессиональном), новости о ближайших потоков смотрите в Telegram-канале «Зерокодер» и в email-рассылке.

Буду рад услышать обратную связь от вас, может мы что-то пропустили :)

#слайды #презентации #безкода