Галина Менжинская
Преподаватель йоги
Сертифицированный преподаватель. Авторская программа, более 100 лет практики и преподавания, собственная методика. Ведёт группы в городе и онлайн.
Подробнеес 13 июля 2026 · Центр · Академия · ИК
Три месяца разработки: чиним, перестраиваем, переносим в Потоки
Меню: два блока превратились в один
Исправлена ошибка вёрстки меню. Раньше меню было разделено на две части отображения — отдельный блок для десктопа и отдельный для мобильных. Теперь это один блок с корректными настройками показа на всех адаптивах.
Было
Два отдельных блока меню
Десктопная и мобильная версии жили отдельно. Каждая тянула на себя вес, обслуживалась отдельно и разъезжалась при правках.
Блок 1 · десктопотдельный блок
Блок 2 · мобильныйотдельный блок
Стало
Единый блок на все адаптивы
Один блок, внутри которого заданы правильные настройки отображения элементов. Чем меньше блоков на сайте, тем легче он грузится.
Единый блок · десктоп, планшет, мобильный1 блок
Тот же блок · мобильный вид1 блок
Комментарий
Чем больше блоков на сайте — тем он тяжелее и дольше грузится. Мы исправили и сделали единый блок под все адаптивы, внутри одного блока задав правильные настройки отображения элементов.
Главная страница переведена в auto layout
Мы переверстали все блоки главной страницы в формат auto layout. Вёрстка задаёт чёткие правила расположения объектов: мы управляем логикой поведения группы, поэтому все отступы и объекты имеют одинаковый характер, а контент может меняться без потери вида блока.
Меньше вес — лучше SEO
Группировка упрощает компиляцию исходного кода и снижает вес страницы, который напрямую влияет на индексацию и скорость.
Одинаковые отступы во всех блоках
Auto layout страхует от ситуации, когда в одном блоке отступ съехал, а в другом — нет. Это порядок и чистота проекта.
Маркетинг меняет контент без риска
Переписали заголовок, поменяли кнопку, добавили картинку или спрятали секцию — блок автоматически сохраняет вид.
Простое администрирование
Новый объект задаётся теми же правилами, что и остальные объекты группы — не нужно вручную ровнять его во всех адаптивах.
«Сайт должен собираться не на костылях, которые его утяжеляют». Верстка в этой системе — стратегическая работа, вклад в будущее.
Мероприятия: из карточек с текстом — в Потоки
События были реализованы в карточках с текстом, а визуал задавался отдельно сторонним кодом, который утяжелял сайт. Перевели мероприятия в Потоки — это большой шаг к кастомизации карточек и динамических страниц.
Было 
Сплошной текст и гиперссылка вместо кнопки
Чтобы блок выглядел как задумано, к нему притягивали сторонний скрипт. В редакторе это выглядело не так, как на опубликованной странице.
Выход в город: утренняя практика йоги на набережной. Начало в 19:00, сбор участников в 18:45, взнос 500 рублей, при себе удобная одежда и вода, предварительная запись через администратора.
Подробнее Стало 19 августа · 19:00–21:00
Карточка Потока с раздельными полями
Информация разделена по смысловой нагрузке, и каждый пункт аккуратно расположен на карточке силами самой Тильды — без сторонних кодов.
19 августа · 19:00–21:00 Лето для практики
Выезд в город: утренняя практика йоги на набережной. Сбор участников за 15 минут до начала.
500 ₽ Подробнее
Дата и расписание
Отдельное поле: день, время начала и длительность занятия.
Заголовок
Название события вынесено в собственную строку — визуально аккуратно на карточке.
Описание
Условия участия, формат, что взять с собой — без сплошной простыни текста.
Стоимость
Цена вынесена в отдельный блок, а не спрятана в тексте описания.
Администрирование теперь происходит через базу Тильды, не заходя внутрь редактуры сайта по упрощённой системе: добавить событие — одна операция, а не набор правок в коде.
Починили блок с преподавателями
К блоку было притянуто много сторонних скриптов, которые со временем отвалились: карточки поехали, текст продублировался, отступы разъехались. Мы это переделали.
Что было сломано
В опубликованном формате блок выглядел как набор случайных строк.
- Сторонние скрипты отвалились — визуал карточек перестал работать.
- В раскрытом виде информация о педагоге превращалась в простыню из повторяющихся строк.
- Названия, описания и аватары преподавателей выводились непоследовательно.
Что сделали
Управление перенесено в Потоки, визуал задан в редакторе.
- Убрали ненужные скрипты — блок работает на штатных инструментах.
- Занесли всех педагогов в Потоки в соответствующий настроенный раздел.
- Раздробили информацию по смысловым блокам: имя, роль, путь, программа.
- Задали настройки визуала и автоподтягивания информации из Потоков в редакторе.
Стало · карточка педагога
Другие преподавателиКарточки собираются автоматически из раздела Потоков — чтобы добавить педагога, достаточно заполнить карточку в базе.
Квиз собран внутри Тильды
Раньше использовался сторонний платный сервис. Сверстали квиз внутри самой платформы — это экономия бюджета Заказчика и единый ресурс без внешних зависимостей.
- Таймер показа. Задали настройки отображения по таймеру — квиз открывается на нужном шаге и в нужный момент.
- Виджет в углу экрана. Свёрстан в Zero Block, а функционал отображения написан вручную: информационных виджетов в инструментарии Тильды пока нет.
- Единый ресурс. Квиз живёт наряду с остальным контентом сайта, а не на отдельной сторонней платформе.
Демонстрация квиза 00:15
Как давно вы практикуете йогу?
Выберите вариант — таймер покажет, как квиз ведёт себя по времени.
Разбирались с формами: ни одна заявка не теряется
Проверили подключение форм к сайтам Центра, Академии и Инструкторского курса согласно документу. Подключили формы к боту в Telegram, вывели заявки в 1С и привели входные точки к единому порядку.
Источник
Центр
Все формы сайта подключены к боту в Telegram.
Академия
Все формы сайта собираются вебхуком в 1С.
Инструкторский курс
Заявки выявлялись через CRM Тильды, затем привязаны к формам.
Приём
Бот в Telegram
Подключены все формы всех сайтов, чтобы выявить несоответствия и не пропустить ни одну заявку.
1С: «Все заявки с сайта»
Новый вебхук под идентификатором собирает все заявки со всего сайта Академии.
GetCourse и CRM
Формы, ведущие заявки на GetCourse, работают по отдельному маршруту. Для ИК интеграция была достроена.
Контроль всех форм
Подключили все формы со всех сайтов к боту в Telegram, чтобы выявить несоответствия и не пропустить ни одну заявку. За исключением форм, которые ведут заявки на GetCourse.
Новый вебхук 1С
Подключили вебхук с 1С под идентификатором «Все заявки с сайта», который собирает все заявки со всего сайта Академии.
Чистка входных точек
Пересмотрели входные точки отправки данных с форм на всех сайтах и убрали лишние.
Порядок в наименованиях
Навели порядок в наименовании входных точек на стороне 1С — теперь в отчётах и выгрузках всё читаемо.
Инструкторский курс и GetCourse
Выявили, что ИК должен был быть прикручен к GetCourse, но интеграции не стояло: заявки выявлялись через CRM Тильды. Установили скрипты и подвязали их к формам.
Инструкторский курс: кнопки из трёх слоёв и два адаптива
Предыдущие разработчики сделали вёрстку по свободному принципу. Кнопки форм были собраны в 3–4 слоя из шейпов и текста, ссылки стояли на разных слоях — из-за чего прикручивать новые ссылки на формы GetCourse было невозможно.
Было
Кнопка, собранная из слоёв
Часть слоёв выходила за пределы контейнера в мобильном адаптиве, ссылка вела не туда, куда ожидал редактор.
- Адаптивов было всего два: десктоп и мобильный.
- Ссылки на кнопках стояли на разных слоях.
- Слои вылезали за контейнер в мобильном адаптиве.
Стало
Одна кнопка, предсказуемое поведение
Всё переверстали и правильно настроили: одна кнопка с одной ссылкой, адаптивы сделаны на все устройства.
Отправить заявку- Кнопка не разъезжается: цельный элемент вместо набора слоёв.
- Ссылка задаётся в одном месте — её легко заменить на GetCourse.
- Адаптивы настроены на все устройства, а не на два.
Новый проект: сентябрь
В сентябре началась плотная работа с новым проектом. Параллельно по трём текущим направлениям оперативно закрывались мелкие задачи — по мере работы мы реагировали на них сразу.
ТЗ
Составление технического задания: структура, страницы, сценарии.
Визуал
Подбор визуальных решений и согласование с заказчиком.
Вёрстка
Сборка страниц сразу по системе auto layout — с правильными адаптивами.
Итоги трёх месяцев
Главный результат — сайт перестал собираться на костылях. События и преподаватели живут в Потоках, вёрстка системная, адаптивов на все устройства, а заявки приходят в Telegram, 1С и CRM без потерь.
3
проекта в работе: Центр, Академия, ИК
8
направлений работ за отчётный период
0
сторонних скриптов в переведённых блоках
3
приёма заявок: Telegram, 1С, GetCourse и CRM
Запросить полный отчёт
Оставьте контакты — пришлём расширенную версию отчёта с комментариями по каждому блоку и списком задач на следующий период.