Business-up
Разработка сайта для производителя сэндвич-панелей НЗСП
WordPress
Разработка сайта
Содержание
- Сайт задумывалсь как единая точка доступа к информации о мерах поддержки, программах, проектах, мероприятиях и статистике. Сайт должен был одновременно выполнять информационную, навигационную и презентационную функции, соответствуя уровню современных цифровых сервисов государственных организаций.
- Департамент агроразвития Минсельхоза России разрабатывает уникальные стратегии для развития сельских территорий
- На этом этапе были определены ключевые точки входа и логика взаимодействия с сайтом.
- UX-проектирование. Как мы выстроили путь клиента
- Разработан полноценный UI‑kit: цвета, типографика, компоненты, состояния элементов, иконографика и адаптивные сетки.
- Результат этапа: разработан полноценный UI‑kit: цвета, типографика, компоненты, состояния элементов, иконографика и адаптивные сетки.
- Когда дизайн был готов, подготовили техническое задание для разработчиков, собрали все анимации и UI-кит
- В результате провели комплексное тестирование сайта: проверили работу всех форм, фильтров на карте, корректность отображения на разных устройствах и в разных браузерах.
- Провели комплексное тестирование сайта: проверили работу всех форм, фильтров на карте, корректность отображения на разных устройствах и в разных браузерах.
- Что получилось в итоге
Задача
Департамент агроразвития Минсельхоза России разрабатывает уникальные стратегии для развития сельских территорий
Проблема
У заказчика отсутствовал современный сайт, который: структурировано представлял бы деятельность института, соответствовал бы официальному и государственному контексту, позволял работать с большим объемом информации, включал интерактивные инструменты, в том числе карту с фильтрами.
Задача
Создать сайт, который: станет центральной точкой взаимодействия пользователей с информацией о развитии сельских территорий имеет продуманную архитектуру и встроенную логику пользовательских сценариев, визуально аккуратно работает с большим объёмом данных, включает интерактивную карту территорий с фильтрацией адаптирована под разные устройства, подготовлена к дальнейшей интеграции и развитию на 1С-Битрикс.
Этап 1. Аналитика
На этом этапе были определены ключевые точки входа и логика взаимодействия с сайтом.
Проведен анализ:
-
Целей платформы
-
Целевых групп пользователей
-
Сценариев использования
-
Объема и типов контента
Этап 2. Проектирование
UX-проектирование. Как мы выстроили путь клиента
Сформирована многоуровневая структура сайта с учетом:
-
Разделения по категориям пользователей
-
Масштабируемости
-
Будущего расширения разделов
Для всех страниц разработаны:
-
Wireframe‑прототипы
-
UX‑прототипы со сценариями переходов
-
Логика фильтров, карт и динамических блоков
Этап 3 — Дизайн
Разработан полноценный UI‑kit: цвета, типографика, компоненты, состояния элементов, иконографика и адаптивные сетки.
Создана визуальная концепция платформы с акцентом на:
-
Наглядность данных
-
Визуальную иерархию
-
Читабельность больших объемов информации
Страница услуг:
-
Тонкие анимации — элегантные, не отвлекающие от контента
-
Живая цветовая палитра вместо корпоративной скуки — фирменный красный акцент добавляет жизни
-
Эмоциональные изображения из портфолио агентства — показывем живых и вовлеченных людей
-
Ацентная типографика — добиваемся выразительности и легкости восприятия контента
Результат этапа: разработан полноценный UI‑kit: цвета, типографика, компоненты, состояния элементов, иконографика и адаптивные сетки.
Адаптивная верстка
Когда дизайн был готов, подготовили техническое задание для разработчиков, собрали все анимации и UI-кит
Выполнена детальная HTML/CSS/JS‑верстка:
-
Семантичная и SEO‑готовая структура
-
Доступность (aria‑атрибуты)
-
Адаптация под ключевые брейкпоинты от 360 до 1920
-
Оптимизация медиа и анимаций
В результате провели комплексное тестирование сайта: проверили работу всех форм, фильтров на карте, корректность отображения на разных устройствах и в разных браузерах.
Тестирование и наполнение контентом
Провели комплексное тестирование сайта: проверили работу всех форм, фильтров на карте, корректность отображения на разных устройствах и в разных браузерах.
Что вошло в техническое задание:
-
Адаптивная вёрстка — сайт корректно отображается на всех устройствах
-
Интерактивная карта России с фильтрацией проектов и информационными карточками
-
Интеграция с 1С-Битрикс для удобного управления контентом
-
Формы обратной связи с валидацией и отправкой на email
-
Оптимизация производительности для быстрой загрузки карты и страниц
-
SEO-оптимизация базовая настройка метатегов и структуры URL
Итоги проекта
Что получилось в итоге
Интерактивная карта:
-
Создали уникальный инструмент для визуализации проектов:
- Фильтрация по типу проектов, годам реализации, статусу
- Информационные карточки с описанием каждого проекта
- Поиск по названию населённого пункта
- Адаптивность — карта работает на всех устройствах
-
Что получил клиент:
- Современный сайт федерального уровня — дизайн соответствует статусу
- Интерактивная карта проектов — уникальный инструмент для демонстрации географии работы
- Улучшенная навигация — пользователи быстро находят нужную информацию
- Удобная система управления — контент легко обновлять без программистов
-
Удобная CMS на 1С-Битрикс
Команда института может самостоятельно:
- Добавлять и редактировать информацию о проектах на карте
- Публиковать новости и аналитические материалы
- Обновлять информацию об услугах и программах
- Управлять контактами региональных представителей
-
Инструмент продаж
Как создать сайт для брендингового агентства, который продаёт экспертизу
Конкретные цифры
14
дней — срок реализации проекта от концепции до тестирования
23
страниц — каждая с чёткой задачей и продуманным путём пользователя
85+
регионов — охват проектов института на интерактивной карте
подобрали для вас
Разработка сайта газового оборудования для компании РЭД
Разработка сайта
Разработка сайта металлургической компании EVRAZ STEEL
1С-Битрикс
Разработка сайта
Масштабирование процесса
Готовы
масштабировать
ваш бизнес?
Расскажите нам о своей задаче и мы свяжемся с вами в течение двух часов
Константин,
Иван,
