UX/UI Product design Web

Унификация таблиц и интерфейсных паттернов
в личном кабинете сервиса защиты от DDoS

🔍 Контекст
Личный кабинет сервиса защиты от DDoS — это центр управления киберзащитой. Здесь пользователи настраивают защиту доменов, IP, фильтры и геоблокировки. За годы продукт оброс множеством таблиц с разной структурой и поведением.
⚠️ Проблема
Каждая таблица имела свою логику: где-то кнопки были в строках, где-то в выпадающем меню, массовые действия реализованы по-разному.
Это приводило к:
  • непредсказуемости интерфейса
  • кнопки выглядели и работали по-разному
  • структура таблиц не повторялась между модулями
  • лишней нагрузке на поддержку и разработку
🎯 Цель
Создать унифицированный шаблон таблиц, который:
  • стандартизирует поведение и внешний вид
  • упростит внедрение новых фич
  • обеспечит предсказуемость UX во всех разделах
🔧 Ограничения
  • Один дизайнер (я), один спринт
  • Большой легаси
  • Нельзя было ломать текущую архитектуру
👨‍💻 Моя роль
  • Провёл аудит и бенчмаркинг (Cloudflare, AWS, DigitalOcean)
  • Спроектировал UX и UI паттерн
  • Проработал состояния, логику раскрытия, массовые действия
  • Создал документацию в Figma
📷 Визуальный результат
  • Все таблицы приведены к одному шаблону
  • Унифицировано поведение кнопок, меню, статусов, пагинации
  • Упрощено восприятие и взаимодействие
💡 Что улучшилось
  • Пользователи сразу понимают, как работать в любом разделе
  • Меньше обращений в поддержку
  • Команда быстрее внедряет новые функции
  • Интерфейс стал масштабируемым и предсказуемым
📘 Выводы
Унификация — это не про “красоту”, а про устойчивость продукта.
Массовые действия — это UX-флоу, а не кнопка.
Один выверенный шаблон таблицы — инвестиция, которая окупается на каждом
новом модуле.