Два корпоративных сайта для AVA Group

Холдинг AVA Group, который включает 10 компаний строительной направленности: проектный институт, предприятия спецтехники, инженерной инфраструктуры и управления строительством. У двух ключевых компаний холдинга — AVA City и AVA Sochi — не было корпоративных сайтов.

В декабре 2019 года AVA Group устроил тендер на разработку сайтов для AVA City и AVA Sochi. Условие — максимально скорая реализация.

По техзаданию стало понятно, что для обоих сайтов требуется одинаковый функционал и структура. Обе компании принадлежат одному холдингу и пользуются всеми его преимуществами, обе занимаются строительством и продажей жилых комплексов. Одна в Москве, другая в Сочи.

Мы предложили решение, с которым 30 декабря выиграли тендер.

Если будущие сайты должны быть очень похожи друг на друга, то дешевле и быстрее сделать их на одной административной панели и разработать по одной структуре — в системе многосайтовости «Битрикса». Смета получилась дешевле на 30%.

Работа над двумя сайтами закипела одновременно. Для ускорения релиза мы использовали метод SCRUM.

Главное отличие двух сайтов — дизайн. От клиента нам достались логотипы AVA City и AVA Sochi. Остальное предстояло создавать с нуля.

Для обоих проектов мы собрали мудборды, чтобы определить визуальную концепцию. Внесли правки. Согласовали. Затем нарисовали скетчи всех страниц. Внесли правки. Согласовали. Приступили к дизайну главных страниц — и как только их согласовали, отдали на вёрстку. С каждым этапом правки мельчали. А утверждение дизайна всех остальных страниц заметно ускорилось.

Первое, что задизайнили после заглушек, — главные страницы AVA City и AVA Sochi. Выполнены в схожей цветовой гамме, но со своими особенностями. AVA Sochi создаёт летнее расслабленное настроение, благодаря округлым элементам и вставкам цвета одуванчика. А у столичного AVA City более сдержанный облик из-за прямых углов и геометричного паттерна. Отличительные элементы попали в основу остальных страниц двух сайтов.

Мобильную версию разработали для AVA City, а для второго сайта сделали копию с небольшими поправками. И это тоже сэкономило часы работы.

Очень помог UI kit. К его разработке приступили, когда дизайнер закончил первые 3 страницы. UI kit содержит размеры шрифтов, межбуквенные интервалы, формы элементов, цвета и другие исходные файлы визуала. Благодаря UI kit легко придерживаться единой стилистики и переносить её на новые страницы. Вся вёрстка занимает меньше времени. А второй сайт сверстали в 5 раз быстрее, чем первый.

Ещё до вёрстки первых страниц решали задачи бэкенда.

Разработали архитектуру всего проекта: что с чем взаимодействует, как и на что переключается, какие свойства у каждого объекта. Для обоих сайтов архитектура идентичная.

Настроили обмен с Profitbase, откуда выгружаются все данные по планировкам, ценам, остаткам и пр.

Создали единый API — центр управления всей структурой сайта и всеми данными. Удобно, когда нужно автоматически что-то отфильтровать или выгрузить. Must have для техподдержки крупных сайтов.

Потом на бэкенд потянулись свежесвёрстанные странички — одна, вторая, третья. Программируем и сразу выкатываем на боевой домен. С каждым спринтом сайт растёт и крепчает.

Чтобы сохранять чистенький код в целости и всегда его контролировать, мы сразу собрали сайты с использованием системы Git. Видно, кто, когда и что именно изменил в коде. Если что-то не так — можно в миг откатить сайт на одну из прошлых версий. С такой системой не происходит путаницы в коде, а любые ошибки быстро решаются.

Сегодня оба сайта успешно выполняют свои функции — презентуют компанию и её объекты. Квартиры можно фильтровать по 8 параметрам, добавлять к сравнению и в избранное. Ипотечный платеж рассчитывается в калькуляторе, где учтены актуальные ставки банков. У каждого ЖК отдельная страница с описанием. Представлены все способы покупки с пошаговой инструкцией и FAQ.

Всё это реализовано за 4 месяца, благодаря системе многосайтовости и методу SCRUM. Каждый сайт переезжает на домен постранично и сразу способен выполнять часть своих задач. Его можно тестировать в боевых условиях, оперативно получать обратную связь и вносить правки. Мы не тратим время на работу в ошибочном направлении, а клиент быстрее получает функционирующий продукт.