Кейс borevich.agency°: лучшая мировая практика помогла реализовать сложный G2B-проект в сжатые сроки

В borevich.agency° обратилось Министерство экономического развития Тверской области.

Проблема заказчика:

Устаревший сайт без адаптивной верстки не работает на привлекательность региона и создает барьеры для инвесторов.

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

Задача borevich.agency°:

Создать современный сайт, который станет ключевым инструментом привлечения инвесторов в регион.

Сформированная цель:

Получить удобную и привлекательную платформу, которая улучшит имидж Тверской области для инвесторов и бизнеса.

Ключевые метрики оценки проекта:

1. Запуск сайта к 1 июня 2021 года.

2. Простой интерфейс и понятная навигация.

3. Высокая скорость загрузки на мобильных и десктопе, нужный показатель — зеленая зона в инструменте PageSpeed.

4. Перевод сайта на два языка: русский и английский.

5. Оптимизация под мобильные устройства.

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

На момент старта работы успешных аналогов подобных сайтов в регионах просто не существовало.

Пример раздела «Инвестиционные проекты» на старом сайте:

Пример раздела «Инвестиционная карта» на старом сайте:

Начали проектировать портал с нуля и собрали информацию с двух сторон.

1. Глубокие интервью и многочисленные встречи с представителями Министерства — находили общий язык с заказчиками и изучили их потребности. Нам было важно, чтобы видение по конечному результату совпадало на 100%.

2. CustDev c представителями бизнеса и инвесторами — узнали ожидания целевой аудитории по структуре и функционалу сайта.

Данные легли в основу проектирования интерфейса будущего портала и помогли создать удобную систему:

— Единое пространство с информацией обо всех инвестпроектах Тверской области.

— Подробная карта площадок для строительства промышленных объектов на территории Тверской области.

— Систематизированное представление всех мер поддержек для бизнеса.

Фрагмент новой карты, можно тонко настроить параметры поиска и быстро найти нужный проект.

Все эти и другие нюансы учли это еще до непосредственного старта разработки.

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

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

— Классическое управление проектами выглядит так: каждый этап разработки сайта — от аналитики и дизайна до программирования и тестирования — получает свой временной резерв.

Недостаток: исполнители откладывают работу на последний момент, либо используют весь выделенный срок, даже если могут закончить раньше. В результате проект растягивается, а реальные проблемы в сроках выявляются только ближе к дедлайну.

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

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

Такой метод особенно полезен в разработке сайтов, где неизбежны доработки и изменения. Например, если дизайн задерживается, классический подход даст программистам тот же объем времени, что и раньше, из-за чего сроки проекта будут сорваны. В централизованном управлении буфером время на программирование может быть скорректировано заранее, а команда получит сигнал о необходимости ускорить согласования или упростить сложные решения. Это позволяет не просто «держаться сроков», а реально управлять процессом разработки.

Практика показывает, что такой подход:

— Сокращает общее время выполнения проектов в среднем на 15–25% без увеличения нагрузки на команду.

— Увеличивает точность прогнозирования сроков на 30–50%.

Вместе с дизайнером разработали интерактивный прототип в Figma, он позволил нам и заказчику оценить:

— стандартный функционал страниц,

— пользовательский путь,

— все формы,

— навигационную структуру.

Согласовав прототип, приступили к следующей задаче. Дизайнер проработал визуальную часть проекта и разработал дизайн-макеты на основе прототипа.

Мы старались держаться тематики государственных ресурсов. Ключевым референсом выбрали kremlin.ru, но учли цветовые решения логотипа Министерства экономического развития Тверской области. Нам было важно, чтобы сайт не терялся среди других муниципальных проектов, поэтому органично вплели в дизайн символы Твери, например, Старый Волжский мост. Все согласовали с минимальными правками.

Тверь стоит на реке Волга, в области огромное количество мостов. Поэтому уже на первом экране сайта мы видим мост и логотип, который похож на волны.

В результате получился уникальный дизайн, который вызывает понятные ассоциации.

Сложность: много контента

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

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

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

На каждом этапе проверяем, учтены ли все требования и совпадает ли результат с поставленными задачами. Например, на этапе верстки и разработки мы:

— Поработали над тем, чтобы у сайта не было горизонтальных полос прокрутки и масштабируемых областей при просмотра с телефона.

— Проверили кликабельность всех интерактивных объектов.

— Протестировали читабельность текста, привели в норму все тексты.

— Контролировали последовательность блоков.

Подключили к сайту 1С-Битрикс:

— Это российская система — особенно важно в G2B сфере + безопасно.

— У клиента есть опыт работы с CMS — он сможет легко развивать и поддерживать сайт.

Для каждого проекта borevich.agency° составляет специальные чек-листы и проводит три этапа тестирования:

— Первый — верстальщик/программист лично проверяет работу по чек-листу менеджера проекта.

— Второй — менеджер проверяет результаты первого этапа сам по тому же чек-листу.

— Третий — менеджер проверяет весь проект.

Отправляем на доработку, если что-то не так. После внутреннего согласования клиент изучает проект на тестовом сервере и дает обратную связь.

Если все хорошо, переносим сайт на рабочий сервер и еще раз финально проверяем: делаем Smoke-тест, тестируем CMS, тестируем на GooglePageSpeed.

Благодаря централизованному управлению проектом мы уложились в сжатые сроки и запустили сайт к 1 июня 2021 года.

Портал разработан с учетом потребностей трех основных групп пользователей:

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

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

— Государственные структуры мониторят и управляют проектами: отслеживают состояние инвестиционных проектов и своевременно вносят коррективы.

Как итог — каждый принимает решение быстрее, потому что вся нужная информация есть в удобном формате.

Примеры верстки нового сайта: