Как я собрала ПО для компьютерных клубов после ухода вендоров
Спроектировала web-приложение для администраторов и менеджеров и десктопное приложение для клиентов, реализовав MVP в сжатые сроки и собрав дизайн-систему с нуля.
Рынок без вендоров
Из РФ ушли почти все компании, которые поставляли софт компьютерным клубам. У одного из владельцев клуба возникла идея создать собственное ПО. Задача — спроектировать web-приложение для администраторов и менеджеров плюс десктопное приложение для клиентов и в кратчайшие сроки реализовать MVP.
Конкуренты и интервью
Начали с web-приложения для администраторов и менеджеров. Вместе с аналитиком проанализировали конкурентов и пообщались с администраторами клубов, чтобы понять, какие функциональные блоки необходимы для MVP.
Боли и потребности пользователей
Решили прорабатывать раздел «Компьютеры». Изучила, как эта функциональность устроена у конкурентов, и поговорила с потенциальными пользователями об их проблемах.
Основные боли
- Трудно ориентироваться по карте расположения ПК — непонятные обозначения, нет зума для обзора всего клуба.
- Нельзя узнать, включён ПК или выключен, не провалившись в карточку.
- Скудная статистика или её отсутствие — нет полной картины.
Ключевые потребности
- Удалённо управлять ПК: вкл/выкл, блокировка, перезагрузка, брони и комментарии о неисправностях.
- Группировать ПК в категории (залы) и назначать им разные тарифы.
- Видеть статусы всех ПК (занят, свободен, вкл/выкл, нет связи, заблокирован) списком и на карте клуба с возможностью переноса.
Сценарии и карта клуба
Проработала сценарии, вытекающие из функциональных требований: добавление, редактирование и удаление ПК, управление им и работа с карточкой ПК прямо на карте клуба. С командой обсудили ограничения и решили не использовать готовые фреймворки — остановились на простом лаконичном дизайне.
Прототип и все состояния
Собрала прототип и протестировала на пользователях: по основным сценариям вопросов не возникло, немного дополнила статистику. Проработала все состояния карточки ПК (свободен, занят, выключен, заблокирован, нет связи) и состояния ПК на карте клуба, а также валидацию полей и меню управления.
UI Style Guide без фреймворков
Собрала UI Style Guide — цвета, типографика, кнопки, поля, датапикер, списки, меню, тултипы, чипсы, иконки и empty-состояния. Это держит интерфейс консистентным и ускоряет разработку следующих разделов.
Клиентское и админ-приложение
На основе дизайн-системы собраны десктопное приложение для клиентов (каталог игр, профиль, тарифы) и web-панель администратора со статистикой клуба.
