1. Введение
1.1. Назначение документа: Данный документ определяет требования к функциональности, интеграции, дизайну и пользовательскому опыту (UX/UI) корпоративного сообщественного форума для компании Cloud Network, специализирующейся на VDS/VPS хостинге. Форум должен быть построен на последней доступной стабильной версии фреймворка XenForo 2 (например, 2.2.x, с гипотетическим учетом возможных особенностей 2.4) с глубокой интеграцией в существующую инфраструктуру.
1.2. Цели проекта: Создание централизованной платформы для поддержки клиентов, обсуждения технических вопросов, формирования сообщества, снижения нагрузки на тикеты-систему и повышения лояльности.
2. Общее описание системы
2.1. Функциональные блоки:
A. Публичная зона (для гостей): Просмотр категорий, списков тем, ознакомление с базовыми правилами. Мотивация к регистрации.
B. Зона зарегистрированных пользователей: Полноценное участие в обсуждениях, создание контента, персонализация.
C. Зона клиентов (приоритетная): Специальные разделы, доступные только подтвержденным владельцам услуг Cloud Network. Автоматическая привязка учетной записи на форуме к аккаунту в биллинговой системе (WHMCS).
D. Модерация и администрирование: Гибкая система прав, инструменты для управления контентом и пользователями.
2.2. Интеграция:
Обязательная: С биллинговой системой (WHMCS) для верификации клиентов.
Желательная: Единая система входа (Single Sign-On - SSO) между форумом, биллингом и клиентской панелью (cPanel, Plesk и т.д., если возможно).
Дополнительная: Отправка ключевых событий форума (новые посты в определенных разделах) в корпоративный канал Slack/Telegram.
3. Детальные требования к дизайну и UX/UI (Тонкие штрихи)
3.1. Общая стилистика:
Концепция: "Технологичная ясность". Дизайн должен отражать надежность, скорость и профессионализм хостинг-провайдера.
Цветовая палитра: Доминирующие - глубокий синий (#0F1C2F), акцентный - голубой/бирюзовый (#4FC3F7, #00BCD4). Нейтральные фоны - светло-серые (#F8F9FA, #E9ECEF).
Тонкий штрих 1: Использовать микрографику с сеткой или элементами архитектуры облака (схемы серверов, ноды) в фоне хедера или в качестве деликатных разделителей.
Тонкий штрих 2: Анимированные (CSS) состояния кнопок: при наведении на кнопки "Создать тему", "Ответить" - мягкое свечение, имитирующее "подключение" (glow эффект).
Тонкий штрих 3: Кастомные иконки для ключевых разделов форума: например, для раздела "Техподдержка" - иконка в виде шестеренки с гаечным ключом, для "Аптайма/Статус" - график с восходящей тенденцией, для "Предложения" - лампочка с контуром облака.
3.2. Адаптивность и поведение:
Мобильная версия: Упрощенная навигация, приоритетность чтения. Кнопка "Быстрый ответ" должна быть зафиксирована внизу экрана при прокрутке темы.
Тонкий штрих 4: На десктопе при прокрутке вниз панель навигации (с логотипом и меню) должна плавно трансформироваться в более компактную версию (only лого + иконки меню).
3.3. Особенности элементов XenForo:
Списки сообщений: Четкое визуальное разделение постов (card-like design). Аватарка автора с индикатором "статус клиента Cloud Network" (специальный бейдж/рамка).
Тонкий штрих 5: Для пользователей-клиентов, у которых активные услуги, реализовать кастомный user banner (полоска над аватаркой) с текстом, например, "Премиум клиент" или "Доверенный клиент", с градиентным фоном в фирменных цветах.
Тонкий штрих 6: В теме, созданной в разделе для клиентов, первый пост (от автора-клиента) должен иметь тонкую цветную рамку акцентного цвета слева, визуально выделяя его как "официальный вопрос от клиента".
Формы: Улучшенная валидация. Поле выбора префикса темы должно иметь интеллектуальный поиск. При создании темы в разделе "Техподдержка" должен появляться выпадающий список с привязкой к услугам пользователя (данные из WHMCS).
4. Функциональные требования (Специфика для XenForo 2.x)
4.1. Структура форума (Node Tree):
Публичные разделы:
Новости & Анонсы (только для чтения гостям, комментирование для зарегистрированных).
Общие обсуждения (хостинг в целом, технологии).
Вопросы перед покупкой.
Приватные разделы (только для подтвержденных клиентов):
Техническая поддержка (с подразделами: VDS на KVM, VPS на OpenVZ, Резервное копирование и т.д.).
Статус услуг и аптайм (автоматически публикуемые посты от системы мониторинга через API).
Предложения по улучшению (с системой голосования за идеи).
Бета-тестирование новых тарифов/локаций.
4.2. Система пользователей и групп (User Groups & Permissions):
Автоматическая синхронизация: При оплате первой услуги в WHMCS, учетная запись на форуме должна автоматически добавляться в группу "Верифицированные клиенты".
Сложная логика прав:
Группа "Клиенты" имеет доступ к приватным разделам, но не может создавать темы в разделе "Аптайм" (только комментарии).
Пользователь может находиться одновременно в группе "Клиенты" и, например, в группе "Активные участники", получая комбинированные права.
Создание служебной группы "Партнеры" с правом просмотра некоторых клиентских разделов, но без доступа к техподдержке.
Тонкий штрих 7: Настройка событийных повышений (User group promotions) не только по факту наличия услуги, но и, например, по длительности пребывания клиентом (свыше 1 года) - добавление особого бейджа "Лояльный клиент".
4.3. Интеграция с WHMCS (критически важна):
Сценарий 1 (Регистрация): При регистрации на форуме с email, который есть в WHMCS, отправить пользователю инструкцию для привязки аккаунтов.
Сценарий 2 (Автоматическая привязка): При авторизации в WHMCS - предложить "связать с аккаунтом на форуме". После подтверждения, система (через API) проверяет статусы услуг в WHMCS и обновляет группу пользователя в XenForo.
Тонкий штрих 8: В пользовательском профиле на форуме во вкладке "Информация" отображать кастомное поле "Мои услуги", где через API в виде списка выводятся названия активных тарифов. Текст "VPS Start на KVM (Москва)" должен быть кликабельным и вести в панель управления этой услугой в WHMCS.
4.4. Модерация:
Автоматическое назначение тем: При создании темы в разделе "Техподдержка" - автоматически назначать префикс "Без ответа". При ответе сотрудника - менять на "Отвечено". Через 48 часов без ответа от клиента - менять на "Ждем ответа клиента".
Тонкий штрих 9: Использовать кастомные модераторские заметки (user notes), где можно помечать, например, "Клиент с высоким риском оттока" или "Технически подкован". Эти заметки видны только модераторам и админам.
5. Нефункциональные требования
Производительность: Оптимизация под высокую нагрузку (кэширование, CDN для статики). Время загрузки страницы < 1.5 сек.
Безопасность: Обязательное использование HTTPS, настройка reCAPTCHA v3 для всех форм, регулярное обновление XenForo и аддонов.
Безопасность данных: Не хранить чувствительные данные клиентов (пароли, данные карт) на форуме. Интеграция только через безопасные API-ключи.
6. Этапы реализации (пример)
1. Этап 0: Установка и базовая настройка XenForo 2.x на тестовом окружении.
2. Этап 1: Разработка и утверждение дизайн-макетов ключевых страниц (главная, список тем, тема, профиль).
3. Этап 2: Создание и настройка темы (style) XenForo в соответствии с макетами.
4. Этап 3: Настройка структуры форума, групп пользователей, сложной системы прав.
5. Этап 4: Разработка и отладка модуля интеграции с WHMCS (API).
6. Этап 5: Реализация "тонких штрихов" (кастомные поля, бейджи, анимации).
7. Этап 6: Тестирование (функциональное, нагрузочное, безопасность).
8. Этап 7: Наполнение базовым контентом и запуск в продуктив.
---
Приложения:
A. Карта сайта (Site Map).
B. Макеты экранов (Wireframes) ключевых страниц.
C. Список необходимых аддонов для XenForo (например, для улучшения редактора, интеграции с WHMCS, улучшения SEO).
