Задача: редизайн, перестройка архитектуры под сегменты, отказ от Яндекс.Форм, подготовка к интеграции с Битрикс24 и личному кабинету
Формат работы: совместное составление ТЗ с командой клиента
Введение
С проектом «Мой бизнес» Тюменской области история получилась нестандартная. Это не коммерческий сайт девелопера или базы отдыха, где задача — продать. Здесь сайт является витриной государственной поддержки бизнеса. И за ним стоит реальная инфраструктура: услуги, мероприятия, проекты, программы, разные сегменты предпринимателей и команда, которая всё это сопровождает.
Поэтому редизайн в таком проекте — это не просто «обновим картинку». Это пересборка логики: как пользователь заходит, как он находит свою категорию, как подаёт заявку, как с ним дальше работают.
И именно поэтому работу мы начали не с дизайна, а с подробного технического задания.
Как мы готовили ТЗ: видеовстречи + очная встреча с командой
ТЗ не писалось «в кабинете». Мы делали его совместно с клиентом.
Для этого провели:
несколько видеовстреч с командой проекта;
одну очную встречу с командой «Мой бизнес».
Это принципиально важный момент. В таких проектах нельзя просто взять старый сайт, посмотреть и сказать: «Понятно, давайте сделаем красивее». У команды «Мой бизнес» есть своя внутренняя логика работы с услугами, мероприятиями, сегментами, есть процессы, есть взаимодействие с партнёрами, есть планы по развитию.
Без погружения в это нельзя нормально сделать редизайн. Точнее, можно, но получится опять же просто визуальное обновление, а не рабочий инструмент.
Поэтому встречи нужны были, чтобы:
разобраться в реальной структуре услуг и сегментов;
понять, как сейчас устроена работа с заявками;
увидеть проблемные места текущего сайта изнутри;
собрать видение команды на будущий сайт;
учесть планы развития на следующие этапы (Битрикс24, личный кабинет);
зафиксировать всё это в одном документе.
В итоге получилось техническое задание на ~18 разделов, которое стало основой для всех дальнейших этапов.
Что было не так с текущим сайтом
Текущий сайт работает, но в нём накопилось несколько системных проблем, которые мешали ему быть нормальной витриной поддержки бизнеса.
Основные проблемы:
нет чёткого сегментного входа — пользователь не понимает, куда ему идти;
формы реализованы через Яндекс.Формы, данные хранятся вне сайта;
нет единой клиентской базы — нельзя отследить путь клиента;
слабые конверсионные элементы, нет явных CTA на страницах услуг;
мероприятия без удобной витрины, фильтрации и календаря;
нельзя выгрузить фид мероприятий на внешние площадки;
мобильная версия требует доработки UX;
архитектура не готова к интеграции с Битрикс24 и личным кабинетом.
Главная боль — пользователь заходит на сайт и не понимает, «его это место или нет». Начинающий предприниматель, фермер, участник СВО, действующий ИП и социальный предприниматель — это разные люди с разными запросами. А сайт работал «для всех сразу».
Цели редизайна
Мы зафиксировали в ТЗ конкретные, измеримые цели. Не «сделать красиво», а с метриками.
Улучшить навигацию: пользователь за минимум кликов находит «свою» категорию и нужные услуги. Снижение показателя отказов на 20%, увеличение глубины просмотра на 30%.
Повысить конверсию в целевое действие — подача заявки, регистрация на мероприятие. Рост CR на 25% в течение 3 месяцев после запуска.
Отказаться от Яндекс.Форм — 100% заявок поступают в админку Битрикс.
Подготовить архитектуру к интеграции с Битрикс24 и личному кабинету на этапе 2.
То есть редизайн — это не отдельная задача, а первый этап в большой стратегии развития цифрового продукта.
Главная идея архитектуры: сегментный подход
Ключевое решение, которое мы заложили в новый сайт, — сегментный навигатор.
Аудитория «Моего бизнеса» делится на 5 сегментов:
Начинающий предприниматель / стартап.
Действующий бизнес (ИП, ООО, самозанятый).
Участник СВО.
Фермеры / сельский бизнес.
Социальные предприниматели.
У каждого сегмента — свои услуги, мероприятия, проекты, программы поддержки. И именно через свой сегмент пользователь должен заходить в сайт.
Поэтому в шапке сайта появляется мегаблок «Выберите свой профиль» с пятью сегментами и раскрывающимися внутри услугами. А на главной странице — крупный сегментный навигатор с карточками, иконками и краткими описаниями.
Идея простая: человек заходит, видит «кто вы?», выбирает себя и попадает в подборку только релевантных услуг и мероприятий. Это резко сокращает путь до целевого действия.
Структура сайта
В ТЗ мы зафиксировали полную карту сайта:
главная страница с сегментным навигатором, популярными услугами, ближайшими мероприятиями, цифрами, историями успеха;
карточка услуги с оффером, результатом, чеклистом документов, 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 и личный кабинет
Очень важная часть ТЗ — мы изначально проектируем сайт так, чтобы он развивался дальше.
Отдельно проработали структуру инфоблоков и highload-блоков. Это «скелет» всего сайта.
Что заложено:
сегменты;
услуги (с привязкой к сегментам, проектам, FAQ);
мероприятия (с тематиками, форматом, спикерами, программой);
тематики мероприятий;
проекты;
FAQ;
истории успеха / отзывы;
новости;
партнёры;
смежные организации;
обязательные документы;
баннеры главной;
цифры / достижения;
клиенты (highload-блок под этап 2);
заявки (хранение всех результатов форм).
У каждого инфоблока — детально прописанные поля, привязки, SEO-параметры, активность, сортировка. Это даёт админам гибкость управлять сайтом без разработчика.
Дизайн: чисто, по-деловому, по бренду
Дизайн строим по нескольким принципам:
современный, чистый, деловой стиль;
соответствие брендбуку федерального «Мой бизнес» — логотип, цвета, шрифты;
чёткая визуальная иерархия и акцент на CTA;
минимум визуального шума;
единая система компонентов: кнопки, карточки, формы, типографика.
Состав макетов в Figma:
UI-кит / дизайн-система: цвета, типографика, кнопки во всех состояниях, формы, карточки, модалки, аккордеоны, навигация, иконки;
16 страниц десктоп + 16 страниц мобайл;
кликабельный прототип для основных сценариев (выбор сегмента → услуга → заявка; поиск мероприятия → регистрация; навигация по главной).
Итого ~33 макета и работающий прототип.
Этапы работ
Работу разбили на 4 чётких этапа.
Аналитика и техническое задание — до 5 рабочих дней.
Аудит, анализ конкурентов, карта сайта, пользовательские сценарии, подготовка и согласование ТЗ.
Результат: подписанное ТЗ (тот самый документ, который мы сделали совместно с клиентом).
Инфоблоки, адаптивная вёрстка, интеграция с Битрикс, формы, админка заявок, highload-блок клиентов, YML-фид, SEO, версия для слабовидящих, Метрика, кэширование, миграция контента, 301-редиректы.
Тестирование и запуск — до 5 рабочих дней (входит в этап 3).
Этот кейс — про то, что качественный редизайн всегда начинается не с дизайна, а с разбора смыслов.
Что было сделано правильно:
работа с командой клиента, а не «через переписку»;
несколько видеовстреч и очная встреча для погружения;
подробное техническое задание, согласованное с обеих сторон;
проектирование архитектуры под рост (этап 2: Битрикс24 + ЛК);
отказ от Яндекс.Форм в пользу внутренней системы;
сегментный подход вместо «информационного» сайта;
структура страниц под конверсию, а не под «рассказать о нас»;
проработка фида для внешних площадок (ВК, 2ГИС, Яндекс);
учёт требований к государственным сайтам (доступность, версия для слабовидящих).
Главный вывод
«Мой бизнес» Тюменской области — это не просто сайт, а цифровая точка входа в инфраструктуру поддержки предпринимателей. И редизайн здесь — не косметика, а пересборка логики.
Мы вместе с командой клиента провели несколько встреч, разобрались в реальных процессах и зафиксировали всё в подробном техническом задании.
В этом ТЗ мы заложили:
сегментный подход и понятную навигацию для 5 типов предпринимателей;
современную структуру страниц с CTA и конверсионной логикой;
полноценную витрину мероприятий с фидом для внешних площадок;
отказ от Яндекс.Форм и единую базу заявок в Битрикс;
архитектурную подготовку к Битрикс24 и личному кабинету;
технические, SEO- и доступности требования по стандартам государственных сайтов.
Это база, на которой дальше будет строиться и сам редизайн, и развитие сервиса в полноценный цифровой продукт для предпринимателей Тюменской области.