РаботыУслугиО насКарьераКонтакты
Биллинг-панель Host-Food — полный редизайн и разработка личного кабинета хостинг-провайдера

О заказчике

{ 0 }{{

о клиенте и его нише

Заказчик — российский хостинг-провайдер, предоставляющий услуги аренды серверов. Работает на рынке с начала 2000-х годов. Обслуживает широкий круг клиентов: от частных лиц и фрилансеров до малого и среднего бизнеса.

Предоставляет виртуальный хостинг, VPS/VDS, выделенные серверы и сопутствующие сервисы.

Проблемы (цель)

{ 1 }{{

Старая биллинг-панель, доставшаяся компании с начала 2000-х, превратилась в сдерживающий фактор для бизнеса:

1

Монолитная архитектура

Единая неразделяемая кодовая база, в которой фронт и бэк связаны намертво. Любое изменение несло риск обрушить смежные модули.

2

Неадаптивный интерфейс

Панель работала только на десктопах и требовала фиксированного разрешения. Клиенты с мобильных устройств не могли работать с услугами.

3

Устаревший дизайн и UX

Интерфейс был устарелым: перегруженные таблицы, отсутствие навигации, запутанные сценарии оплаты и настройки услуг.

4

Дорогая поддержка
и развитие

Добавление нового вида услуги требовало недель разработки. Технический долг копился годами, вносить правки было больно и долго.

Текущая реализация на старте: монолитное legacy-приложение, работающее только на десктопах, с минимальной автоматизацией биллинга и без адаптивной верстки.

Дашборд личного кабинета Host-Food

Задачи

{ 2 }{{

  • Спроектировать и разработать новую биллинг-панель с нуля — современную, адаптивную, удобную.

  • Разделить монолит на отдельный фронт и бэк — обеспечить лёгкую поддержку и независимое развитие.

  • Реализовать полный цикл работы клиента с услугами: заказ, настройка, оплата, история платежей, счета, история обслуживания.

  • Поддержать 10+ видов услуг с индивидуальными параметрами настройки и возможностью добавления новых услуг по запросу бизнеса.

  • Встроить чат с технической поддержкой прямо в панель — бесшовный переход из биллинга в коммуникацию.

  • Обеспечить адаптивную вёрстку — полноценная работа с мобильных устройств.

  • Реализовать интеграцию с существующей биллинг-системой и чатом поддержки.

Целевая аудитория

{ 3 }{{
1

Владельцы сайтов и веб-мастера,
которые управляют инфраструктурой онлайн

2

IT-специалисты и сисадмины,
которые настраивают серверы бизнеса

3

Фрилансеры и предприниматели,
которые заказывают услуги
без сложностей

Это определило дизайнерские решения: панель должна быть одновременно и достаточно детальной для технических специалистов, и интуитивно понятной для новичков

Решение

{ 4 }{{

В качестве решения была спроектирована и разработана новая биллинг-панель — полноценный личный кабинет клиента хостинг-провайдера.

Разработали современное адаптивное веб-приложение с разделённой frontend — и backend-архитектурой для управления хостингом и серверами. Пользователи могут заказывать и настраивать услуги, оплачивать счета, отслеживать историю платежей и обслуживания, а также обращаться в поддержку через встроенный чат.
Бизнес получил масштабируемую систему, позволяющую быстро добавлять новые сервисы. Удобство панели повысилось, а её развитие стало быстрее благодаря разделению фронтенда и бэкенда.

Ключевые блоки

{ 5 }{{

№

О блоке

1

Управление услугами
Основные функции
Центральный раздел панели, где клиент видит все свои активные услугиКарточка услуги и индивидуальные формы настройкиЗаказ VPS/VDS сервера

№

О блоке

2

Биллинг и финансы
Основные функции

История платежей с детализацией

Раздел, объединяющий всё, что связано
с деньгами клиента

Баланс и история пополнений

Выставление и просмотр счетов

Автоматические списания и уведомления

История платежей с детализацией

№

О блоке

3

Чат с поддержкой
Основные функции
Встроенный чат с поддержкой и уведомления о новых ответах

Технологический стек

{ 6 }{{

Frontend

Современный JavaScript-фреймворк

Backend

Отдельный сервер приложений, REST API

Архитектура

Разделенный фронт и бэк

Верстка

Адаптивная, поддержка всех актуальных разрешений и устройств

Цифровые показатели

{ 7 }{{

  • 2

    ГОДА

    общая продолжительность проекта от старта проектирования до запуска

  • 10+

    ВИДОВ

    услуг с индивидуальными настройками реализовано
    в панели

  • 0

    ЖАЛОБ

    от клиентов на интерфейс
    и удобство панели после запуска

  • 1

    ПЛАТФОРМА

    вместо разрозненных инструментов клиенты получили единый личный кабинет
    для всех операций

Инсайты, гипотезы,
выводы

{ конец }{{

главный инсайт

Полная переработка legacy-системы заняла два года, но результат проявился сразу после запуска.

Поток негативных отзывов прекратился, подтвердив: проблема была
не в качестве хостинг-услуг, а в неудобном интерфейсе и устаревшей архитектуре.

Что показала разработка

  • Разделение монолита на фронтенд и бэкенд стало необходимым решением, а не формальностью. Оно значительно ускорило внесение изменений и снизило риск регрессий.

  • Для управления 10+ видами услуг мы разработали универсальную модель: общая структура услуги дополняется индивидуальными параметрами. Благодаря этому новые услуги можно добавлять без переработки ядра системы.

  • Встроенный чат с поддержкой оказался ключевой функцией. Пользователи хотят заказывать услуги, управлять ими и общаться с провайдером в одном интерфейсе — без перехода в сторонние сервисы.