Zolotov Studio

Перенесли сайт студии Zolotov Studio с Tilda на ModX Evolution — 70 страниц, каталог с корзиной, онлайн-калькулятор и база отзывов — и разработали собственный визуальный конструктор блоков, который заменил заказчику привычный интерфейс Tilda, но уже поверх полноценной CMS.

Задача

У клиента был рабочий сайт на Tilda: около 70 страниц с портфолио, кейсами, статьями и формами заявок под разные услуги — аренда студий, фото- и видеосъёмка, трансляции. Сайт приносил заявки, но конструктор ограничивал развитие: Tilda хорошо подходит для лендингов, но не рассчитана на управление структурой большого сайта, SEO-метаданными и связанными данными вроде каталога или базы отзывов. Перед JetBit поставили задачу: перенести сайт 1:1 по структуре и содержанию на новый движок, добавить недостающий функционал — каталог с корзиной, калькулятор, базу отзывов с фильтрацией — и дать заказчику удобную админку с визуальным редактированием без работы с HTML.

Результат

Перенос выполнили на ModX Evolution, сохранив все ~70 страниц сайта — структуру, тексты и функционал оригинала. Но главным итогом проекта стал не просто перенос, а новый инструмент для управления сайтом.

Конструктор блоков на основе MODX MultiFields. Специально под задачу адаптировали наработку JetBit — конструктор страниц на базе MultiFields, расширенного типа TV в ModX Evolution, который хранит внутри одного поля целый набор вложенных данных: текст, изображения, ссылки. Каждый блок описывается конфигом с собственными полями и шаблонами вывода — отдельно для админки и фронта, может быть публичным или вложенным в другой блок, а поля-контейнеры позволяют добавлять произвольное количество однотипных элементов — для галерей, списков карточек и подобного. Специальный плагин в админке скрывает исходное TV-поле и показывает вместо него визуальный конструктор; готовая страница сохраняется как JSON, а на фронте отдельный сниппет рендерит её по шаблонам с учётом вложенности блоков.

Набор блоков под структуру Zolotov Studio. Собрали типовые блоки так, чтобы менеджер клиента мог визуально повторить всё, к чему привык на Tilda: обложки страниц, текстовые блоки с иконками и колонками, фото- и видеогалереи с адаптивной сеткой, формы заявок и брифы с интеграцией в amoCRM, блок каталога с корзиной для страницы аренды студий и блок с онлайн-калькулятором. Хлебные крошки выводятся автоматически отдельным сниппетом — без ручной настройки.

База отзывов. Сделали отдельным типом ресурсов MODX с полем категории по направлению услуг. Блок отзывов в конструкторе просто ссылается на нужную категорию, а сниппет на фронте сам подтягивает актуальные отзывы на каждую страницу — без дублирования контента вручную.

Каталог и калькулятор. Реализовали как отдельные модули и подключили их как блоки того же конструктора — они встраиваются в любую страницу наравне с остальными типовыми блоками.

SEO и юзабилити. Параллельно с переносом провели аудит текущей версии сайта: устранили битые ссылки и дубли страниц, сохранили корректную разметку h1–h3, настроили robots.txt и автогенерацию sitemap.xml, оптимизировали изображения до ≤100 Кб на 1 Мп без потери качества, дополнили alt-теги. В результате Google PageSpeed поднялся до целевых 90%+ на десктопе и мобильных.

Итог для клиента. Заказчик получил не копию старого сайта на новом движке, а управляемый инструмент: менеджер клиента сам собирает и редактирует страницы через понятный визуальный интерфейс — без обращения к HTML и без правок от разработчика, — сохранив при этом весь дизайн и функциональность, к которым уже привыкли посетители и сотрудники студии.

Удобно смотреть, удобно оформлять заявку с любого устройства

Посетители сайта заходят с разных устройств, и сайт подстраивается под каждое: адаптивная сетка галерей, корректное отображение каталога и форм на мобильных, сохранение дизайна и логики блоков независимо от размера экрана.

Zolotov Studio
Cайт jetbit.ru использует файлы cookie для хранения данных. Продолжая использовать сайт, Вы даете согласие на работу с этими файлами. Подробнее