Недавно я закончила тестовое по редизайну главного экрана RackTables — это такая сложная инфраструктурная система для инженеров: серверы, стойки, IP-адреса, VLAN, связи, конфликты, логи и всё то, от чего у нормального человека обычно начинает дёргаться глаз.

Сначала задача звучала просто: “переработать главный экран”. Но довольно быстро стало понятно: это не про “сделать красивее”. Это про то, чтобы старую админку, где пользователь выбирает раздел из набора иконок, превратить в рабочее пространство, где инженер сразу понимает: что найти, где проблема, что можно сделать дальше и как не сломать данные.

Я собрала PRD, разобрала продукт, пользователей, сценарии, аналоги, придумала search-first подход, health-панель, quick preview, безопасные действия через validation/review, состояния ошибок, прав, пустых данных, тёмную тему, две языковые версии и интерактивный прототип.

И отдельно — я в очередной раз офигела, насколько сильно AI расширяет возможности дизайнера, если использовать его не как “сделай за меня”, а как команду вокруг себя.

ChatGPT помогал думать, спорить, структурировать и критиковать. Codex и OpenCode помогали собирать прототипы и состояния. Stitch помогал искать визуальные направления. Figma и Gravity UI — собрать всё в нормальный интерфейс. Netlify — превратить это в живой прототип.

В итоге из тестового получился не просто экран, а полноценный продуктовый кейс: с логикой, сценарием, системой, защитой решения и рабочим прототипом.

И я всё больше убеждаюсь: AI не заменяет дизайнера, если у дизайнера есть голова. Он расширяет радиус действия. Позволяет одному человеку быстрее пройти путь до от “я не понимаю эту админку” до “у меня есть полноценный продуктовый кейс с логикой, прототипом и защитой”.

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

Ссылка, где можно потыкать интерфейс (только ддя декстоп) https://creative-gumdrop-a748a2.netlify.app/