Сайт: мойбизнес-72.рф
Платформа: 1С-Битрикс: Управление сайтом
Задача: редизайн, перестройка архитектуры под сегменты, отказ от Яндекс.Форм, подготовка к интеграции с Битрикс24 и личному кабинету
Формат работы: совместное составление ТЗ с командой клиента
Платформа: 1С-Битрикс: Управление сайтом
Задача: редизайн, перестройка архитектуры под сегменты, отказ от Яндекс.Форм, подготовка к интеграции с Битрикс24 и личному кабинету
Формат работы: совместное составление ТЗ с командой клиента
Введение
С проектом «Мой бизнес» Тюменской области история получилась нестандартная. Это не коммерческий сайт девелопера или базы отдыха, где задача — продать. Здесь сайт является витриной государственной поддержки бизнеса. И за ним стоит реальная инфраструктура: услуги, мероприятия, проекты, программы, разные сегменты предпринимателей и команда, которая всё это сопровождает.
Поэтому редизайн в таком проекте — это не просто «обновим картинку». Это пересборка логики: как пользователь заходит, как он находит свою категорию, как подаёт заявку, как с ним дальше работают.
И именно поэтому работу мы начали не с дизайна, а с подробного технического задания.
Как мы готовили ТЗ: видеовстречи + очная встреча с командой
ТЗ не писалось «в кабинете». Мы делали его совместно с клиентом.
Для этого провели:
- несколько видеовстреч с командой проекта;
- одну очную встречу с командой «Мой бизнес».
Это принципиально важный момент. В таких проектах нельзя просто взять старый сайт, посмотреть и сказать: «Понятно, давайте сделаем красивее». У команды «Мой бизнес» есть своя внутренняя логика работы с услугами, мероприятиями, сегментами, есть процессы, есть взаимодействие с партнёрами, есть планы по развитию.
Без погружения в это нельзя нормально сделать редизайн. Точнее, можно, но получится опять же просто визуальное обновление, а не рабочий инструмент.
Поэтому встречи нужны были, чтобы:
- разобраться в реальной структуре услуг и сегментов;
- понять, как сейчас устроена работа с заявками;
- увидеть проблемные места текущего сайта изнутри;
- собрать видение команды на будущий сайт;
- учесть планы развития на следующие этапы (Битрикс24, личный кабинет);
- зафиксировать всё это в одном документе.
В итоге получилось техническое задание на ~18 разделов, которое стало основой для всех дальнейших этапов.
Что было не так с текущим сайтом
Текущий сайт работает, но в нём накопилось несколько системных проблем, которые мешали ему быть нормальной витриной поддержки бизнеса.
Основные проблемы:
- нет чёткого сегментного входа — пользователь не понимает, куда ему идти;
- формы реализованы через Яндекс.Формы, данные хранятся вне сайта;
- нет единой клиентской базы — нельзя отследить путь клиента;
- слабые конверсионные элементы, нет явных CTA на страницах услуг;
- мероприятия без удобной витрины, фильтрации и календаря;
- нельзя выгрузить фид мероприятий на внешние площадки;
- мобильная версия требует доработки UX;
- архитектура не готова к интеграции с Битрикс24 и личным кабинетом.
Главная боль — пользователь заходит на сайт и не понимает, «его это место или нет». Начинающий предприниматель, фермер, участник СВО, действующий ИП и социальный предприниматель — это разные люди с разными запросами. А сайт работал «для всех сразу».
Цели редизайна
Мы зафиксировали в ТЗ конкретные, измеримые цели. Не «сделать красиво», а с метриками.
- Улучшить навигацию: пользователь за минимум кликов находит «свою» категорию и нужные услуги. Снижение показателя отказов на 20%, увеличение глубины просмотра на 30%.
- Повысить конверсию в целевое действие — подача заявки, регистрация на мероприятие. Рост CR на 25% в течение 3 месяцев после запуска.
- Отказаться от Яндекс.Форм — 100% заявок поступают в админку Битрикс.
- Подготовить архитектуру к интеграции с Битрикс24 и личному кабинету на этапе 2.
То есть редизайн — это не отдельная задача, а первый этап в большой стратегии развития цифрового продукта.
Главная идея архитектуры: сегментный подход
Ключевое решение, которое мы заложили в новый сайт, — сегментный навигатор.
Аудитория «Моего бизнеса» делится на 5 сегментов:
- Начинающий предприниматель / стартап.
- Действующий бизнес (ИП, ООО, самозанятый).
- Участник СВО.
- Фермеры / сельский бизнес.
- Социальные предприниматели.
У каждого сегмента — свои услуги, мероприятия, проекты, программы поддержки. И именно через свой сегмент пользователь должен заходить в сайт.
Поэтому в шапке сайта появляется мегаблок «Выберите свой профиль» с пятью сегментами и раскрывающимися внутри услугами. А на главной странице — крупный сегментный навигатор с карточками, иконками и краткими описаниями.
Идея простая: человек заходит, видит «кто вы?», выбирает себя и попадает в подборку только релевантных услуг и мероприятий. Это резко сокращает путь до целевого действия.
Структура сайта
В ТЗ мы зафиксировали полную карту сайта:
- главная страница с сегментным навигатором, популярными услугами, ближайшими мероприятиями, цифрами, историями успеха;
- страницы 5 сегментов с единой структурой (услуги, мероприятия, проекты, ФОС, FAQ);
- общий каталог услуг с фильтрами по сегментам;
- карточка услуги с оффером, результатом, чеклистом документов, CTA, этапами работы, связанными мероприятиями и FAQ;
- витрина мероприятий с календарём, фильтрами и плиткой карточек;
- карточка мероприятия с программой, спикерами, регистрацией;
- каталог проектов и карточка проекта;
- новости / медиа;
- о нас, контакты;
- проработанный подвал с документами, партнёрами, контактами.
Это уже не «информационный сайт», а полноценная цифровая витрина с понятными сценариями пользователя.
Главная страница: чтобы понять за 5 секунд
Главная страница перестраивается под одну задачу — за несколько секунд сориентировать посетителя и направить его дальше.
Блоки:
- Hero-баннер с ключевым оффером и CTA «Узнать, что вам доступно»;
- сегментный навигатор из 5 крупных карточек;
- 4–6 популярных услуг с ротацией из админки;
- ближайшие мероприятия с регистрацией;
- цифры и достижения (поддержанные предприниматели, суммы субсидий, количество мероприятий);
- истории успеха со слайдером отзывов;
- логотипы партнёров.
То есть сразу — оффер, выбор сегмента, доказательства, действия. Никаких «расскажем нашу историю с 1995 года».
Карточка услуги: главная конверсионная точка
Карточки услуг переработали по логике лидогенерационной страницы.
Структура:
- Обложка с оффером и результатом.
- Для кого (теги сегментов).
- Что получает клиент — выгоды списком с иконками.
- Что нужно от клиента — чеклист документов.
- CTA-блок «Подать заявку» с модальной формой.
- Этапы работы (заявка → проверка → консультация → результат).
- Актуальные мероприятия по теме услуги.
- Связанные проекты.
- FAQ по услуге.
- Повторный CTA с телефоном.
Здесь главное — пользователь не должен «искать кнопку». Призывы к действию стоят и в начале, и в конце страницы. Формы — внутренние, заявки сохраняются в админке.
Витрина мероприятий с фидом для внешних площадок
Отдельно проработали раздел мероприятий. Это одна из самых живых частей сайта: мероприятия постоянно меняются, их много, и важно, чтобы пользователь мог быстро найти своё.
Что заложили:
- календарь с фильтрацией по дате;
- фильтры по сегменту, тематике, формату (онлайн / офлайн / гибрид), дате;
- поиск по названию;
- плитка карточек в формате «товарная карточка» — обложка 16:9, дата, формат, описание, теги сегментов, кнопка регистрации;
- карточка мероприятия с программой, спикерами, формой регистрации, кнопками «поделиться»;
- автогенерация XML/YML-фида для выгрузки на ВКонтакте, 2ГИС, Яндекс.Карты и Яндекс.Бизнес.
Фид мероприятий — отдельная важная штука. Сейчас события можно постить только вручную в каждое место. После запуска можно будет автоматически выгружать всё в нужные площадки.
Полный отказ от Яндекс.Форм: всё переносим в Битрикс
Один из ключевых пунктов ТЗ — 100% форм переезжают с Яндекс.Форм во внутреннюю систему 1С-Битрикс.
Зачем:
- все данные хранятся в БД сайта (MySQL);
- заявки доступны в админке Битрикс;
- можно фильтровать, искать, менять статусы;
- можно выгружать в CSV / Excel;
- появляется единая база, к которой потом подключится Битрикс24;
- поддерживается загрузка документов до 10 МБ на файл;
- работает капча, валидация на клиенте и сервере;
- администратор и заявитель получают email-уведомления.
Типы форм, которые делаем:
- заявка на услугу;
- регистрация на мероприятие;
- обратная связь / вопрос;
- заявка на консультацию.
В админке появится отдельный раздел «Заявки» со своими подразделами, статусами (новая / в работе / завершена / отклонена), фильтрами и экспортом.
То есть в первый раз у «Мой бизнес» появится единая база заявок, а не разрозненные таблицы из Яндекс.Форм.
Подготовка к этапу 2: Битрикс24 и личный кабинет
Очень важная часть ТЗ — мы изначально проектируем сайт так, чтобы он развивался дальше.
На этапе 1 закладываем:
- сущность «Клиент» (отдельный highload-блок) с ФИО, телефоном, email, ИНН, ОГРН, сегментом;
- связь заявок с клиентом по email / телефону;
- стандартный модуль авторизации Битрикс (регистрация, вход, восстановление пароля);
- зарезервированное место под кнопку «Личный кабинет» в навигации;
- структуру для хранения загруженных документов в привязке к пользователю;
- REST API-совместимую структуру данных под Битрикс24;
- задокументированный маппинг полей сайт → CRM;
- placeholder-раздел «Интеграция с Б24» в админке.
На этапе 2 уже планируется:
- полноценный личный кабинет с профилем, историей заявок, регистрациями, документами и уведомлениями;
- интеграция с Битрикс24: автоматическое создание контактов и сделок, синхронизация статусов через webhook, двусторонняя синхронизация базы клиентов;
- быстрая подача заявки с автозаполнением полей из профиля и подтягиванием документов из хранилища.
То есть мы не «делаем сайт сейчас, а потом будем переделывать». Архитектура заранее проектируется под рост.
Технические требования
В ТЗ зафиксировали все технические параметры, чтобы потом не было «а мы думали иначе».
Основные:
- CMS: 1С-Битрикс: Управление сайтом;
- PHP 8.1+, MySQL 8.0+ / MariaDB 10.5+;
- обязательный HTTPS;
- адаптив под 320 / 768 / 1024 / 1280 / 1440+ px;
- поддержка Chrome, Firefox, Safari, Яндекс.Браузер, Edge;
- Mobile-first подход;
- загрузка главной ≤ 3 сек;
- Google PageSpeed: ≥ 70 mobile, ≥ 85 desktop;
- lazy-load изображений, минификация CSS/JS, композитный сайт;
- ЧПУ, редактируемые мета-теги, Open Graph, sitemap.xml, robots.txt, Schema.org разметка (Organization, Event, FAQPage, BreadcrumbList);
- версия для слабовидящих по ГОСТ Р 52872-2019;
- Яндекс.Метрика с настройкой ключевых целей.
Структура данных: 15 инфоблоков
Отдельно проработали структуру инфоблоков и highload-блоков. Это «скелет» всего сайта.
Что заложено:
- сегменты;
- услуги (с привязкой к сегментам, проектам, FAQ);
- мероприятия (с тематиками, форматом, спикерами, программой);
- тематики мероприятий;
- проекты;
- FAQ;
- истории успеха / отзывы;
- новости;
- партнёры;
- смежные организации;
- обязательные документы;
- баннеры главной;
- цифры / достижения;
- клиенты (highload-блок под этап 2);
- заявки (хранение всех результатов форм).
У каждого инфоблока — детально прописанные поля, привязки, SEO-параметры, активность, сортировка. Это даёт админам гибкость управлять сайтом без разработчика.
Дизайн: чисто, по-деловому, по бренду
Дизайн строим по нескольким принципам:
- современный, чистый, деловой стиль;
- соответствие брендбуку федерального «Мой бизнес» — логотип, цвета, шрифты;
- чёткая визуальная иерархия и акцент на CTA;
- минимум визуального шума;
- единая система компонентов: кнопки, карточки, формы, типографика.
Состав макетов в Figma:
- UI-кит / дизайн-система: цвета, типографика, кнопки во всех состояниях, формы, карточки, модалки, аккордеоны, навигация, иконки;
- 16 страниц десктоп + 16 страниц мобайл;
- кликабельный прототип для основных сценариев (выбор сегмента → услуга → заявка; поиск мероприятия → регистрация; навигация по главной).
Итого ~33 макета и работающий прототип.
Этапы работ
Работу разбили на 4 чётких этапа.
- Аналитика и техническое задание — до 5 рабочих дней.
- Аудит, анализ конкурентов, карта сайта, пользовательские сценарии, подготовка и согласование ТЗ.
- Результат: подписанное ТЗ (тот самый документ, который мы сделали совместно с клиентом).
- Дизайн — до 15 рабочих дней.
- UI-кит, все страницы десктоп + мобайл, прототип, 2 раунда правок, финальное согласование.
- Разработка — до 30 рабочих дней.
- Инфоблоки, адаптивная вёрстка, интеграция с Битрикс, формы, админка заявок, highload-блок клиентов, YML-фид, SEO, версия для слабовидящих, Метрика, кэширование, миграция контента, 301-редиректы.
- Тестирование и запуск — до 5 рабочих дней (входит в этап 3).
- Функциональные тесты, кроссбраузерные тесты, мобильные устройства, PageSpeed, приёмка с клиентом, переключение DNS, деплой.
Что особенно важно в этом проекте
Этот кейс — про то, что качественный редизайн всегда начинается не с дизайна, а с разбора смыслов.
Что было сделано правильно:
- работа с командой клиента, а не «через переписку»;
- несколько видеовстреч и очная встреча для погружения;
- подробное техническое задание, согласованное с обеих сторон;
- проектирование архитектуры под рост (этап 2: Битрикс24 + ЛК);
- отказ от Яндекс.Форм в пользу внутренней системы;
- сегментный подход вместо «информационного» сайта;
- структура страниц под конверсию, а не под «рассказать о нас»;
- проработка фида для внешних площадок (ВК, 2ГИС, Яндекс);
- учёт требований к государственным сайтам (доступность, версия для слабовидящих).
Главный вывод
«Мой бизнес» Тюменской области — это не просто сайт, а цифровая точка входа в инфраструктуру поддержки предпринимателей. И редизайн здесь — не косметика, а пересборка логики.
Мы вместе с командой клиента провели несколько встреч, разобрались в реальных процессах и зафиксировали всё в подробном техническом задании.
В этом ТЗ мы заложили:
- сегментный подход и понятную навигацию для 5 типов предпринимателей;
- современную структуру страниц с CTA и конверсионной логикой;
- полноценную витрину мероприятий с фидом для внешних площадок;
- отказ от Яндекс.Форм и единую базу заявок в Битрикс;
- архитектурную подготовку к Битрикс24 и личному кабинету;
- технические, SEO- и доступности требования по стандартам государственных сайтов.
Это база, на которой дальше будет строиться и сам редизайн, и развитие сервиса в полноценный цифровой продукт для предпринимателей Тюменской области.
Сайт: мойбизнес-72.рф
В этом кейсе используется услуга веб дизайна. Хотите обновить старый дизайн сайта или создать сайт с нуля? Свяжитесь с нами!
