chore: add docs, mockup, docker config, and source materials

- Презентация портала (md + docx)
- HTML-мокап всех страниц
- docker-compose.yml + setup-wp.sh
- Исходные документы (брендбук, концепция, референсы)
This commit is contained in:
2026-04-03 19:28:19 +05:00
parent 30000857c1
commit 2e9e7ace4b
52 changed files with 14227 additions and 0 deletions
@@ -0,0 +1,323 @@
# Экспертный портал БИТ.WMS
## Презентация проекта
---
## 1. О проекте
**БИТ.WMS** — экспертный информационный портал по складской логистике и автоматизации склада от компании «Первый Бит».
Портал сочетает два направления:
- **Экспертный контент** — статьи, вебинары, курсы, кейсы и материалы по складской логистике
- **Продвижение решений** — продуктовая страница БИТ.WMS с демонстрацией возможностей и формами захвата лидов
**Позиционирование:** «Мы — эксперты в складской логистике. Знаем всё о складе и автоматизации». Подход pull-продаж: привлечение клиентов через ценный контент, а не прямую рекламу.
---
## 2. Цели и задачи
### Главная цель
Генерация лидов, звонков и подписок по направлению продажи и внедрения WMS-решений.
### Задачи портала
| Задача | Как решается |
|--------|-------------|
| Привлечение целевой аудитории | SEO-оптимизированный экспертный контент (статьи, вебинары, материалы) |
| Демонстрация экспертности | Кейсы внедрения, записи вебинаров, обучающие курсы |
| Захват контактов | Формы обратной связи, подписка на рассылку, gated-контент (скачивание за email) |
| Продажа продукта БИТ.WMS | Продуктовая страница с функциями, преимуществами и формой демо |
| Вовлечение и удержание | Онлайн-консультант (JivoSite), callback-виджет, попапы, email-рассылка |
| Аналитика эффективности | Яндекс.Метрика, Google Analytics, CallTouch — отслеживание всех точек контакта |
### KPI сайта
- Количество лидов через web-формы
- Количество подписок на рассылку
- Количество звонков с сайта (CallTouch)
- Обращения через callback-виджет
- Диалоги в онлайн-консультанте
- Конверсия трафика в лиды
- Стоимость лида
---
## 3. Целевая аудитория
| Сегмент | Потребность |
|---------|-------------|
| Руководители складов | Оптимизация процессов, снижение ошибок, ускорение работы |
| IT-директора и сотрудники IT-отделов | Выбор и внедрение WMS-системы, интеграция с существующими решениями |
| Директора предприятий | ROI от автоматизации, стратегические решения |
| Предприниматели (МСБ) | Масштабирование бизнеса, автоматизация складского учёта |
| Финансовые менеджеры | Расчёт окупаемости, оптимизация затрат |
### Ценностное предложение
- **Экспертность** — глубокое знание отрасли, проверенные решения
- **Комплексность** — единое окно для всех задач складской логистики
- **Прозрачность** — открытый опыт, кейсы, ценовая политика
---
## 4. Структура сайта
```
Главная страница
├── БИТ.WMS (продуктовая страница)
│ ├── Функции системы
│ ├── Заказать демо (форма)
│ └── Анкета для детального запроса
├── Кейсы
│ ├── Архив кейсов (карточки с фильтрацией)
│ └── Детальная страница кейса
├── Статьи
│ ├── Архив статей
│ └── Детальная страница статьи
├── Вебинары
│ ├── Архив вебинаров
│ └── Детальная страница (анонс / запись)
├── Курсы
│ ├── Архив курсов
│ └── Детальная страница курса
├── Мероприятия
│ ├── Архив мероприятий
│ └── Детальная страница мероприятия
├── Материалы (скачиваемые)
│ └── Архив материалов (PDF, видео, чек-листы)
├── Новости
│ ├── Архив новостей
│ └── Детальная страница новости
└── Контакты
```
---
## 5. Состав блоков по страницам
### 5.1. Главная страница
| Блок | Назначение |
|------|-----------|
| **Герой** | Крупный заголовок с экспертным посылом, подзаголовок, две CTA-кнопки («Заказать демо» и «Смотреть кейсы»), KPI-цифры (200+ проектов, 15+ лет, 50+ экспертов) |
| **Фильтр по рубрикам** | Горизонтальная полоса тегов: Все, Статьи, Кейсы, Вебинары, Курсы, Мероприятия, Материалы. Фильтрация без перезагрузки страницы (AJAX) |
| **Лента контента** | Карточки контента в сетке 3 колонки. Каждая карточка: изображение, бейдж типа, заголовок, описание, дата. Кнопка «Показать ещё» |
| **Промо БИТ.WMS** | Краткий блок продукта на сером фоне: 4 преимущества (быстро, собственная разработка, проверено, прозрачно) + CTA-кнопки |
| **Подписка на рассылку** | Поле email + кнопка «Подписаться». Интеграция с Unisender |
| **Наши клиенты** | Логотипы компаний-клиентов в горизонтальной строке |
### 5.2. Страница продукта БИТ.WMS
| Блок | Назначение |
|------|-----------|
| **Герой продукта** | H1 «БИТ.WMS», подзаголовок, описание, CTA: «Заказать демо» + «Скачать презентацию» (за email) |
| **Функции** | Сетка из 6 карточек: Приёмка, Размещение, Хранение, Отбор, Отгрузка, Инвентаризация. Каждая: описание + результат внедрения |
| **Почему Первый Бит** | 4 блока: Быстро, Просто, Качественно, Открыто — с пояснениями |
| **Кейсы внедрения** | 3 последних кейса + ссылка «Все кейсы» |
| **Другие решения** | Карточки: 1C:WMS, Клеверенс, 1C:TMS — «Возможно, вам будет интересно» |
| **Форма «Заказать демо»** | Поля: имя, компания, телефон, email, комментарий. Согласие на обработку данных |
| **Ссылка на анкету** | Детальная анкета для расчёта: отрасль, размер склада, количество SKU, задачи |
### 5.3. Архивные страницы (Кейсы, Статьи, Вебинары, Курсы, Мероприятия, Материалы)
| Блок | Назначение |
|------|-----------|
| **Заголовок раздела** | H1 с названием раздела |
| **Фильтры** | По рубрикам/тегам, по дате |
| **Сетка карточек** | 3 колонки. Карточка: изображение, бейдж типа, заголовок, описание, дата |
| **Пагинация** | Переход между страницами |
### 5.4. Детальная страница кейса
| Блок | Назначение |
|------|-----------|
| **Заголовок + мета** | Название проекта, клиент, отрасль |
| **Задача** | Описание задачи клиента |
| **Решение** | Что было внедрено |
| **Результат** | Измеримые результаты |
| **Галерея** | Скриншоты, фото склада |
| **Цитата клиента** | Отзыв (если есть) |
| **CTA** | «Хотите такой же результат? Закажите консультацию» |
| **Похожие кейсы** | 3 карточки других кейсов |
### 5.5. Детальная страница вебинара
| Блок | Назначение |
|------|-----------|
| **Анонс** (предстоящий) | Дата, спикер, программа, кнопка «Зарегистрироваться» |
| **Запись** (прошедший) | Видеозапись (embed), презентация для скачивания (gated) |
| **Похожие вебинары** | 3 карточки |
### 5.6. Детальная страница курса
| Блок | Назначение |
|------|-----------|
| **Описание курса** | Программа, длительность, формат, стоимость |
| **CTA** | Кнопка «Записаться на курс» |
| **Похожие курсы** | 3 карточки |
### 5.7. Детальная страница статьи / новости
| Блок | Назначение |
|------|-----------|
| **Заголовок + мета** | Название, дата, автор |
| **Основной текст** | Контент статьи |
| **Боковая колонка** | Связанные материалы + форма подписки |
| **Шеринг** | VK, Telegram, копировать ссылку |
| **Читайте также** | 3 карточки похожих статей |
### 5.8. Страница контактов
| Блок | Назначение |
|------|-----------|
| **Контактная информация** | Екатеринбург ПЦ: адрес, телефон, email |
| **Форма обратной связи** | Имя, email, сообщение, согласие |
---
## 6. Навигация
### Фиксированная боковая панель (левая)
Всегда видна на экране. В свёрнутом виде — иконки (70px), при наведении раскрывается с подписями (250px).
| Пункт | Иконка |
|-------|--------|
| БИТ.WMS | Склад |
| Кейсы | Папка |
| Статьи | Документ |
| Вебинары | Камера |
| Курсы | Шапочка |
| Мероприятия | Календарь |
| Материалы | Скачивание |
| Новости | Колокольчик |
| Контакты | Телефон |
Внизу панели: ссылки на Telegram и VK.
На мобильных устройствах панель скрывается и вызывается через гамбургер-меню.
### Верхний хедер
Тонкая полоса (60px) над контентом:
- Слева: логотип «первыйБит» + слоган «Экспертный портал по складской логистике»
- Справа: телефон + кнопка «Заказать демо» + поиск
### Футер
4 колонки:
- Логотип + контакты Екатеринбург ПЦ
- Ссылки на разделы сайта
- Ссылки на продукты
- Форма подписки на рассылку
- Юридические ссылки (политика конфиденциальности, согласие на обработку данных)
---
## 7. Лидогенерация
### Точки захвата лидов
| Инструмент | Описание | Расположение |
|-----------|----------|-------------|
| **Форма «Заказать демо»** | Имя, компания, телефон, email | Страница БИТ.WMS, модальное окно из хедера |
| **Форма «Консультация»** | Имя, телефон, email, вопрос | Контакты, детальные страницы кейсов |
| **Форма «Регистрация»** | Имя, email, телефон | Вебинары, курсы, мероприятия |
| **Gated-контент** | Имя, email → скачивание файла | Материалы (PDF, чек-листы, видео) |
| **Подписка на рассылку** | Email | Главная, боковая колонка статей, футер |
| **Онлайн-консультант** | JivoSite — чат | Все страницы (автоприглашение через 30 сек) |
| **Callback-виджет** | «Перезвоните мне» | Все страницы |
| **Попап exit-intent** | Подписка / скачивание чек-листа | Все страницы (при уходе) |
| **Попап по таймеру** | Предложение демо | Страница БИТ.WMS (через 60 сек) |
### Воронка
```
Посетитель
├── Читает статью / смотрит вебинар
│ │
│ ├── Подписывается на рассылку
│ ├── Скачивает материал (gated → email)
│ └── Переходит на страницу БИТ.WMS
│ │
│ ├── Заказывает демо (форма)
│ ├── Звонит (CallTouch)
│ ├── Пишет в чат (JivoSite)
│ └── Заказывает обратный звонок (callback)
└── ЛИД → Екатеринбург ПЦ → Распределение по ЦК WMS
```
---
## 8. Продукты на портале
| Продукт | Роль | Представление |
|---------|------|--------------|
| **БИТ.WMS** | Основной | Полноценная продуктовая страница с демо-формой |
| 1C:WMS Логистика | Вторичный | Краткая карточка в блоке «Возможно, вам будет интересно» |
| Клеверенс | Вторичный | Краткая карточка |
| 1C:TMS | Вторичный | Краткая карточка |
---
## 9. Визуальный стиль
Строго по брендбуку «Первый Бит»:
| Элемент | Значение |
|---------|----------|
| Основной фон | Белый (#FFFFFF), много воздуха |
| Корпоративный цвет | Розовый/маджента (#E50071) — кнопки, акценты |
| Текст и заголовки | Чёрный (#000000) |
| Дополнительный фон | Светло-серый (#EBEBEB) |
| Шрифт заголовков | Suisse Int'l Bold |
| Шрифт текста | Suisse Int'l Book |
| Принципы | Минимализм. Без градиентов, теней, диагоналей, стоковых фото |
---
## 10. Технологии
| Компонент | Решение |
|-----------|---------|
| CMS | WordPress 6.x |
| Тема | GeneratePress Premium + дочерняя тема |
| Блоки | GenerateBlocks Pro |
| Кастомные поля | ACF Pro |
| Формы | Contact Form 7 |
| SEO | Yoast SEO |
| Рассылка | Unisender |
| Чат | JivoSite |
| Попапы | Popup Maker |
| Аналитика | Яндекс.Метрика, Google Analytics 4, CallTouch |
---
## 11. Каналы продвижения
- Медийная реклама
- Реклама в социальных сетях
- Email-рассылки (Unisender)
- SEO-продвижение
- Контентный маркетинг (статьи, вебинары, материалы)
---
## 12. Контакты и распределение лидов
- **Основной контакт:** Екатеринбург Проектный центр
- **Распределение:** Екатеринбург ПЦ распределяет лиды по территориально ближайшим Центрам компетенций WMS
- **Email:** wms@1bit.ru
- **Телефон:** +7 (343) 200-00-00