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
Сайт jetbit.pro використовує файли cookie для зберігання даних. Продовжуючи використання сайту, Ви даєте згоду працювати з цими файлами. Детальніше