Помните, как играли в детстве в конструктор Лего? Строили дома и замки, создавали целые города, в которых жили Лего-герои.

Принцип конструктора Лего вдохновил нас, когда мы работали над проектом для “Электронного города”. Мы сделали кастомный конструктор сайта, в котором страницы собираются из отдельных блоков-кубиков.

Всего типов блоков три:

• текстовые блоки со статическим контентом
• блоки с бэкендом для динамического контента
• html блоки для свободной вёрстки

Каждый блок — отдельный плагин и отвечает только за свою функциональность. Блоки можно размещать на странице в любом порядке, копировать, сортировать, удалять. По мере необходимости дописывать новые блоки с нужным функционалом, не переделывая систему целиком. Для разработки блоков мы использовали Yii2, PostgreSQL, jQuery.

Удобно, что для работы с конструктором не нужны технические знания. Контент-менеджеры самостоятельно, без помощи разработчиков:

• Создают новые страницы, разделы и подразделы сайта
• Редактируют блоки со статическим и динамическим контентом в визуальном редакторе
• Добавляют и редактируют html блоки, в которых мы предусмотрели подсветку синтаксиса
• Меняют количество и вложенность страниц
• Делают лэндинги

Пользователи на сайте “Электронного города”:

• Оставляют запрос на подключение интернета или ТВ
• Находят ближайший офис “Электронного города”
• Выбирают офисы по времени работы, расстоянию
• Оплачивают услуги провайдера
• Задают операторам вопросы

Фишка сайта — конструктор тарифов. Пользователи сами отмечают нужные опции и видят финальную стоимость тарифа. Подключить новый пакет можно со следующего дня или с 1 числа нового месяца.

Стек технологий

HTML, CSS, библиотека jQuery, Yii2 и PostgreSQL

Результат

Мы впервые разрабатывали конструктор сайта и успешно справились с задачей. Сделали удобный портал для клиентов “Электронного города”, хороший рабочий инструмент для контент-менеджеров. Ежедневно на сайт заходят более 20 тысяч пользователей, а количество просмотров страниц в месяц превышает 1 млн.

Перейти на сайт