18 KiB
18 KiB
Спецификация: Экспертный портал БИТ.WMS
Дата: 2026-04-03 Статус: Утверждено
1. Обзор проекта
Цель
Разработка экспертного контентного портала по складской логистике для компании "Первый Бит" с фокусом на лидогенерацию: привлечение лидов, звонков и подписок по направлению продажи и внедрения WMS-решений.
Позиционирование
Информационный экспертный портал по решению задач склада. Подход pull-продаж: экспертность через статьи, вебинары, курсы, кейсы и мероприятия. Не push, а привлечение через ценный контент.
Целевая аудитория
- Руководители складов
- Руководители и сотрудники IT-отделов
- Директора предприятий
- Предприниматели (мелкий, средний, крупный бизнес)
- Бухгалтеры и финансовые менеджеры
Ценностное предложение
- Экспертность в складской логистике
- Комплексность (единое окно)
- Прозрачность опыта и компетенций
KPI сайта
- Количество подписок/регистраций/просмотров
- Количество лидов через web-формы
- Количество звонков с сайта (CallTouch)
- Обращения через callback-виджет
- Диалоги в онлайн-консультанте (JivoSite)
- Конверсия трафика в лиды
- Стоимость лида
2. Технологический стек
| Компонент | Технология |
|---|---|
| CMS | WordPress 6.x |
| Тема | GeneratePress Premium |
| Блоки | GenerateBlocks Pro |
| Кастомные поля | ACF Pro (Advanced Custom Fields) |
| Кастомные типы записей | CPT UI или код в functions.php |
| Формы | Contact Form 7 или WPForms |
| SEO | Yoast SEO или RankMath |
| Рассылка | Unisender |
| Онлайн-консультант | JivoSite |
| Callback | Callback-hunter или аналог |
| Попапы | Popup Maker |
| Аналитика | Яндекс.Метрика, Google Analytics 4, CallTouch |
3. Брендбук и визуальный стиль
Строго по брендбуку "Первый Бит" (книга по визуальной идентификации бренда, 14.12.2018).
Цветовая палитра
| Цвет | Значение | Код |
|---|---|---|
| Белый | Основной фон, много воздуха | #FFFFFF |
| Розовый/маджента | Основной корпоративный цвет | Pantone 213, RGB 229 0 113, #E50071 |
| Чёрный | Заголовки и текст | #000000 |
| Светло-серый | Дополнительный цвет | RGB 235 235 235, #EBEBEB |
Типографика
- Заголовки: Suisse Int'l Bold
- Текст: Suisse Int'l Book
- Запасной шрифт: Arial (Bold / Regular)
Принципы стиля
- Минимализм, много белого пространства
- Запрещены: градиенты, диагонали, тени, стоковые фото, альтернативные шрифты
- Вёрстка левым флагом, соблюдение осей
- Логотип всегда в левой части
4. Структура сайта
Карта страниц
Главная
├── БИТ.WMS (продуктовая страница)
│ ├── Функции
│ ├── Заказать демо (форма)
│ └── Анкета для заполнения
├── Кейсы (архив + детальная)
├── Статьи (архив + детальная)
├── Вебинары (архив + детальная)
├── Курсы (архив + детальная)
├── Мероприятия (архив + детальная)
├── Материалы (архив + скачивание)
├── Новости (архив + детальная)
└── Контакты
Кастомные типы записей (CPT)
| CPT | Slug | Кастомные поля (ACF) |
|---|---|---|
| Кейсы | case |
Клиент, отрасль, задача, решение, результат, галерея |
| Вебинары | webinar |
Дата, спикер, запись видео, статус (анонс/прошёл) |
| Курсы | course |
Программа, длительность, формат, стоимость |
| Мероприятия | event |
Дата, место, формат, регистрация |
| Материалы | material |
Файл, тип (PDF/видео/чек-лист), gated (да/нет) |
Статьи и Новости используют стандартный тип post, разделяются рубриками (categories).
5. Лейаут и навигация
Фиксированная боковая панель (левая)
- Ширина: ~70px свёрнутая (иконки), ~250px при hover/раскрытии
- Фон: белый, правая граница — тонкая серая линия
- Сверху: логотип "первыйБит" (сокращённый вариант)
- Пункты меню (иконка + подпись при hover):
- БИТ.WMS (иконка: коробка/склад)
- Кейсы (иконка: папка)
- Статьи (иконка: документ)
- Вебинары (иконка: камера)
- Курсы (иконка: шапочка)
- Мероприятия (иконка: календарь)
- Материалы (иконка: скачивание)
- Новости (иконка: колокольчик)
- Контакты (иконка: телефон)
- Снизу: иконки соцсетей (Telegram, VK)
- Мобильные: панель скрыта, гамбургер-меню сверху
Верхняя полоса (тонкий хедер)
- Левая часть: логотип + слоган "Экспертный портал по складской логистике"
- Правая часть: телефон + кнопка "Заказать демо" (розовая) + поиск (иконка лупы)
Основная область контента
- Отступ слева: ~70px (под боковую панель)
- Максимальная ширина контента: ~1200px
- Много белого пространства
Футер
- Логотип + контакты Екатеринбург ПЦ
- Колонки: разделы сайта, продукты, контакты
- Юридические ссылки: политика конфиденциальности, согласие на обработку данных
- Копирайт "Первый Бит"
6. Главная страница
Герой (первый экран)
- Белый фон, крупная типографика Suisse Int'l Bold
- H1: "Всё о складской логистике и автоматизации склада" (или аналогичный экспертный посыл)
- Подзаголовок: "Экспертный портал от Первого Бита — кейсы, вебинары, курсы и материалы для руководителей складов"
- CTA основная (розовая): "Заказать демо БИТ.WMS"
- CTA вторичная (чёрная обводка): "Смотреть кейсы"
- Краткие цифры-KPI: количество проектов, лет опыта, клиентов
Блок фильтрации по рубрикам
- Горизонтальная полоса с тегами-кнопками: "Все", "Статьи", "Кейсы", "Вебинары", "Курсы", "Мероприятия", "Материалы", "Новости"
- AJAX-фильтрация без перезагрузки страницы
Лента контента
- Сетка карточек 2-3 колонки
- Карточка: изображение, бейдж типа, заголовок, краткое описание, дата, просмотры
- Кнопка "Показать ещё"
Промо-блок БИТ.WMS
- Заголовок: "БИТ.WMS — комплексное решение для вашего склада"
- 3-4 преимущества иконками
- CTA: "Подробнее о продукте" / "Заказать демо"
Блок подписки на рассылку
- Заголовок + поле email + кнопка "Подписаться"
- Текст: "Получайте экспертные материалы по складской логистике на почту"
Блок "Наши клиенты"
- Логотипы компаний-клиентов (горизонтальная строка)
- Опционально: цитата из кейса
7. Страница продукта БИТ.WMS
Герой
- H1: "БИТ.WMS"
- Подзаголовок: "Комплексное решение для управления складом"
- Краткое описание (2-3 предложения)
- CTA: "Заказать демо" (розовая) + "Скачать презентацию" (gated — за email)
Блок функций
- Сетка 2-3 колонки, карточки: иконка + название + описание + результат применения
- Функции: приёмка, размещение, хранение, отбор, отгрузка, инвентаризация, аналитика
Блок "Почему Первый Бит"
- 3-4 крупных блока с цифрами/фактами:
- "Быстро" — профессионалы, знаем бизнес-задачи склада
- "Просто" — знаем все о WMS, собственный продукт
- "Качественно" — результат и многолетний опыт
- "Открыто" — прозрачная ценовая политика
Блок кейсов
- 2-3 карточки релевантных кейсов
- Ссылка "Все кейсы"
Блок "Другие решения"
- Карточки: 1C:WMS, Клеверенс, 1C:TMS
- Подпись: "Возможно, вам будет интересно"
Форма "Заказать демо"
- Поля: Имя, Компания, Телефон, Email, Комментарий
- Чекбокс согласия на обработку данных
- Кнопка "Отправить заявку" (розовая)
Анкета для детального запроса
- Расширенная форма: отрасль, размер склада, количество SKU, текущая система, задачи
- Отдельная подстраница БИТ.WMS (доступна по ссылке и из формы демо)
8. Архивные и детальные страницы
Шаблон архива (единый для всех CPT)
- H1 раздела
- Фильтры: по рубрикам/тегам, по дате (горизонтальная полоса)
- Сетка карточек 2-3 колонки
- Пагинация или "Показать ещё"
Карточка контента (единый стиль)
- Превью-изображение
- Бейдж типа (чёрный текст на сером фоне)
- Заголовок (Suisse Int'l Bold)
- Краткий текст (2 строки)
- Мета: дата, просмотры, автор
Детальная страница статьи/новости
- H1, дата, автор
- Основной текст
- Боковая колонка справа: "Связанные материалы" + форма подписки
- Внизу: "Читайте также" (3 карточки)
- Кнопки шеринга: VK, Telegram, копировать ссылку
Детальная страница кейса
- Структура: Клиент, Отрасль, Задача, Решение, Результат
- Галерея скриншотов/фото
- Цитата клиента (если есть)
- CTA: "Хотите такой же результат? Закажите консультацию"
Детальная страница вебинара
- Анонс: дата, спикер, программа, кнопка "Зарегистрироваться"
- Прошёл: запись видео (embed), презентация для скачивания (gated)
Детальная страница курса
- Описание, программа, длительность, формат, стоимость
- CTA: "Записаться на курс"
Детальная страница мероприятия
- Дата, место, формат, программа
- CTA: "Зарегистрироваться"
Страница материалов
- Карточки с иконкой типа файла (PDF, видео, Excel)
- Gated-контент: модальное окно с формой (имя, email) перед скачиванием
9. Лидогенерация и интеграции
Формы обратной связи
| Форма | Расположение | Поля |
|---|---|---|
| Заказать демо | Страница БИТ.WMS, модальное окно из хедера | Имя, Компания, Телефон, Email, Комментарий |
| Получить консультацию | Контакты, внизу кейсов | Имя, Телефон, Email, Вопрос |
| Зарегистрироваться | Вебинары, курсы, мероприятия | Имя, Email, Телефон |
| Скачать материал | Модальное окно (gated) | Имя, Email |
| Обратная связь | Контакты | Имя, Email, Сообщение |
Все формы: email-уведомление + сохранение в CRM (при наличии интеграции).
Подписка на рассылку (Unisender)
- Точки захвата: блок на главной, сайдбар детальных страниц, футер
- Поля: email (обязательно), имя (опционально)
JivoSite
- Виджет в правом нижнем углу
- Автоприглашение через 30 сек на страницах: главная, БИТ.WMS, кейсы
Callback-виджет
- Кнопка "Перезвоните мне" — плавающая или встроенная в хедер
Попапы
| Триггер | Содержание | Страницы |
|---|---|---|
| Exit-intent | "Подпишитесь на рассылку" / "Скачайте чек-лист" | Все |
| Таймер 60 сек | Предложение демо | Страница БИТ.WMS |
Аналитика
- Яндекс.Метрика — цели на все формы, колтрекинг
- Google Analytics 4
- CallTouch — отслеживание звонков
- UTM-разметка для рекламных каналов
SEO
- Yoast SEO или RankMath
- XML-карта сайта
- Schema.org разметка (Organization, Article, Event)
- Open Graph мета-теги для соцсетей
10. Адаптивность (мобильные устройства)
- Боковая панель скрывается, заменяется гамбургер-меню сверху
- Сетки карточек переходят в 1 колонку
- Герой адаптируется: текст и кнопки стекаются вертикально
- Формы занимают полную ширину
- Виджеты JivoSite и callback остаются видимыми
- Попапы адаптируются под мобильный экран
11. Референсы
- Структура: place.lemma.ru — боковая навигация, карточная сетка, контентный портал для отраслевых специалистов
- Контент: blueyonder.com — enterprise B2B стиль, крупная типографика, storytelling через секции, KPI-цифры, блоки доверия
12. Продукты
| Продукт | Роль на сайте |
|---|---|
| БИТ.WMS | Основной продукт — полноценная продуктовая страница |
| 1C:WMS Логистика. Управление складом | Вторичный — краткая карточка в "Возможно, вам будет интересно" |
| Клеверенс | Вторичный — краткая карточка |
| 1C:TMS | Вторичный — краткая карточка |
13. Контакты и распределение лидов
- Основной контакт: Екатеринбург Проектный центр
- Распределение лидов: Екатеринбург ПЦ распределяет по территориально ближайшим ЦК WMS
- Телефон и адрес отображаются на странице контактов и в футере