Кейс агентства JetBit : разрабатывался сайт для Market Group (Маркет Групп) на MODX Evolution (МОДЭКС Эволютион). Использовался визуальный конструктор страниц. Решение позволило создавать более 90 уникальных страниц без программистов, ускорило загрузку на 45% и упростило управление портфолио.
Заказчик проекта
Заказчиком выступило «Market Group» (Маркет Групп) — коммуникационное агентство, которое является членом АКМР, АКАР и РАСО. С 1999 года активно сотрудничает со множеством Заказчиков, как корпоративного, так и государственного уровня. Он предлагает креативные и технологичные решения.
Сайт такой компании должен быть не просто визитной карточкой, но мощным инструментом привлечения тендерных заказов. Он обязан производить WOW (ВАУ)-эффект, демонстрировать портфолио проектов и быть SEO (поисково)- оптимизированным для привлечения органического трафика.
Задача проекта
Заказчику требовалось:
- Разработка нового сайта с удобной административной панелью и конструктором страниц.
- Обеспечить возможность создания ярких, уникальных страниц портфолио без программирования.
- Сделать сайт SEO (поисково) -оптимизированным и экономически выгодным для Заказчика.
Ситуация на старте проекта
Исходные данные были следующими:
- Заказчик нуждался в быстром создании большого количества страниц портфолио с различной структурой.
- Необходимость динамического листинга проектов (в виде «тетриса») для создания единой сетки из блоков разного размера.
- Предпочтение в использовании готовых решений вместо разработки с нуля для минимизации затрат.
Решение
Команда JetBit предложила оптимальный вариант — CMS ModX Evolution. (систему управления контентом сайта МОДЭКС Эволютион) Она позволяет добиться нужной гибкости и масштабируемости. Однако оставалась задача реализации визуального конструктора страниц.
Для этого выбрали функционал ModX MultiFields (Модэкс МультиФилдс) Он позволяет работать с набором полей внутри одного TV (Template Variable — Переменная Шаблона). Это дало возможность создавать сложные структуры данных, сохраняя их единую целостность и управляя ими через удобный интерфейс.
Реализация / Технические детали
MultiFields (МультиФилдс)
Ключевые возможности
- В TV (ПШ) можно объединять в группы различные элементы — текстовые блоки, изображения, ссылки и прочие данные.
- Настройки отличаются гибкостью: поддерживаются разные форматы — текст, ссылки, картинки, выбор даты, а также пользовательские поля.
- Редактирование максимально удобно — поля можно добавлять, удалять и изменять прямо через интерфейс MODX (МОДЭКС).
Принцип работы:
- Для TV назначается тип multifields (мультифилдс), после чего создаётся конфигурационный файл с таким же именем.
- В этом файле прописываются блоки и их настройки, включая шаблоны отображения как на фронтенде, так и в административной панели.
- Блоки могут быть двух видов: публичные — доступные для выбора в конструкторе, и приватные — используемые внутри других блоков.
- Поля способны содержать контейнеры с множеством блоков, что даёт возможность создавать повторяющиеся элементы, например, списки или галереи.
В интерфейсе ModX (Модэкс) специальный плагин скрывает исходное TV (ПШ)-поле и заменяет его визуальным конструктором. Итоговый дизайн сохраняется в формате JSON (ДЖЭЙСОН). На стороне фронтенда (пользовательского интерфейса) сниппет (фрагмент кода) считывает конфиг (файл настройки) и корректно выводит контент с учётом всех вложенных блоков и шаблонов.
Стек технологий
- HTML (ХТМЛ)
- PHP (ПХП)
- SQL (ЭСКУЭЛ)
- MODX (МОДЭКС)
- jQuery (джейквери)
- Laravel (ЛаравЭл)
- MySQL (Май ЭСКУЭЛ)
- PhpStorm (ПхпСторм)
- Figma(Фигма)
- Яндекс Метрика
Результаты
Благодаря использованию продуктового подхода и глубокому анализу потребностей Заказчика, были достигнуты следующие результаты:
- Исправлены показатели Google Page Speed (Гугл Скорость Страниц), скорость загрузки сайта увеличена на 45%.
- Создан динамический листинг портфолио, где проекты отображаются по тегам и могут занимать разные позиции в сетке.
- Переписана карта сайта, скорректированы sitemap.xml (картасайта.эксмл) и robots.txt (роботс.тэкст)
- Построено более 90 страниц с помощью конструктора: от портфолио до экспериментальных страниц для A/B-тестов.
- Контент стал полностью управляемым, менеджеры перестали зависеть от программистов.
- Использование компонентного подхода дало возможность унифицировать хранение скриптов и повысить производительность.
Комментарий агентства
«Мы вкладываем все силы и ресурсы, чтобы предоставить максимально результативные решения для достижения поставленных целей. Нам важно помогать каждому Заказчику, не отказывая в поддержке, и создавать проекты, которыми можно по-настоящему гордиться. Всегда готовы проконсультировать и поделиться полезными советами, которые помогут грамотно подготовиться к запуску вашего сайта.»
Максим Сергеевич Мерлин, директор по работе с клиентами
Комментарий Заказчика
«Сайт, который раньше работал медленно и выглядел устаревшим, теперь стал настоящим «комбайном». С помощью конструктора команда Market Group (Маркет Групп) может быстро создавать любые страницы, тестировать новые идеи и оперативно реагировать на изменения в бизнесе.
«Теперь мы можем всё, что угодно — менять структуру страниц, добавлять новые разделы, проводить A/B-тестирование. Конструктор прост в освоении, а сайт стал гораздо быстрее и удобнее».
