Интерфейс платформы ProCodeHub

ProCodeHub имеет интуитивно понятный интерфейс, разделённый на несколько основных разделов. В этой статье мы подробно рассмотрим каждый из них.

Главная страница

Главная страница — это первое, что вы видите при входе на сайт. Здесь представлены:

• Поиск компаний — быстрый поиск по названию, категории или городу
• Популярные категории — самые востребованные направления услуг
• Топ компаний — лучшие компании по рейтингу и отзывам
• Последние добавленные — новые компании на платформе
• Статистика платформы — количество компаний, пользователей, заявок

Шапка сайта (Header)

В верхней части сайта расположены основные элементы навигации:

Логотип

Клик по логотипу всегда возвращает на главную страницу.

Главное меню

• Каталог — полный список компаний с фильтрами
• Категории — просмотр по категориям услуг
• Сообщество — жизнь платформы, новости, топы
• База знаний — справочная информация
• О платформе — информация о ProCodeHub

Поиск

Иконка поиска открывает быстрый поиск по всему сайту.

Профиль

Клик по аватару открывает меню профиля:

• Мой профиль
• Мои компании
• Баланс и доход
• Партнёрская программа
• Настройки
• Выход

Каталог компаний

Основной раздел платформы с полным списком компаний.

Фильтры

Слева расположены фильтры для поиска:

• Категория — выбор направления услуг
• Город — поиск по географии
• Рейтинг — от 1 до 5 звёзд
• Цена — диапазон стоимости услуг
• Проверенные — компании с подтверждённым статусом

Сортировка

Результаты можно сортировать:

• По релевантности
• По рейтингу
• По количеству отзывов
• По дате добавления
• По цене (возрастание/убывание)

Карточки компаний

Каждая карточка содержит:

• Логотип компании
• Название и краткое описание
• Рейтинг и количество отзывов
• Категории услуг
• Город
• Кнопки действий (просмотр, избранное)

Страница компании

Детальная информация о выбранной компании:

Основная информация

• Полное описание
• Контактные данные
• Адрес и карта
• Режим работы
• Сайт и социальные сети

Услуги и цены

Список предоставляемых услуг с ценами и описанием.

Отзывы

Отзывы клиентов с рейтингом и комментариями.

Фотогалерея

Фотографии работ, офиса, команды.

Калькулятор стоимости

Интерактивный калькулятор для расчёта стоимости услуг.

Форма заявки

Быстрая форма для отправки заявки в компанию.

Личный кабинет

Ваш персональный раздел с полным контролем над аккаунтом.

Вкладки личного кабинета

Страница сообщества

Динамичная страница жизни платформы:

• Новости — последние новости ProCodeHub
• Акции — текущие акции и спецпредложения
• Топ партнёров — лучшие партнёры по рефералам
• Топ по наградам — пользователи с наибольшим заработком
• Лента активности — последние события на платформе
• Новые компании — недавно добавленные компании
• Популярные инициативы — инициативы с наибольшим количеством голосов
• Статистика наград — популярные виды наград

Социальный профиль

Публичная страница пользователя с социальными функциями:

• Лента постов — публикации пользователя
• О себе — информация, контакты, соцсети
• Статистика — рефералы, бонусы, компании
• Подписчики — кто подписан на пользователя
• Подписки — на кого подписан пользователь

Глобальный чат

Общий чат для всех пользователей платформы:

• Общение в реальном времени
• Система благодарностей
• Онлайн-индикаторы
• История сообщений
• Модерация контента

Страница инициатив

Раздел с предложениями пользователей:

• Все инициативы — полный список
• Фильтры — по статусу, категории, популярности
• Создание — форма для новой инициативы
• Голосование — поддержка понравившихся идей
• Донаты — поддержка авторов

База знаний

Справочный раздел с полной информацией о платформе:

• Категории — разделы по темам
• Поиск — быстрый поиск по статьям
• Статьи — подробные инструкции
• FAQ — частые вопросы
• Поддержка — контакты для связи

Мобильная версия

Платформа полностью адаптирована для мобильных устройств:

• Адаптивный дизайн
• Мобильное меню (бургер)
• Оптимизированные карточки
• Удобные формы
• Быстрая загрузка