Интерактивное портфолио

Не скриншоты — рабочие сценарии

Здесь можно запустить миграционную волну, вызвать сетевую аварию, подвигать задачи, оформить демо-заказ или пройти сценарий бота. Данные вымышлены; механика показывает, как я проектирую интерфейсы и технические процессы.

Фактическая практика

Демо показывает механику, кейс — что было в реальной инфраструктуре

Названия заказчиков не раскрываются. В кейсах остаются фактические масштабы, ограничения, инструменты и инженерные выводы.

Все реальные кейсы
Все демо

Выберите сценарий

Фильтр не влияет на поисковую индексацию: сами демо закрыты noindex и сделаны для людей, которые хотят проверить механику.

Импортозамещение01

Migration Lab

интерактивный тренажёр

Интерактивная лаборатория миграции Windows → ALT/Astra: аудит, блокеры, PRESTAGE, VERIFY и READY.

Технологии
JavaScript · сценарная модель · UI
Задача
Показать, почему массовая Linux-миграция начинается с совместимости и пилота, а не с кнопки «установить».
Что можно проверить
Можно выбрать платформу, прогнать парк АРМ по этапам, поймать блокер и довести волну до READY.
Импортозамещение02

Workstation Lab

интерактивный тренажёр

Тренажёр стабилизации Linux-АРМ: Kerberos и шары, 1С, CUPS/PPD и SANE/USB — диагностируйте и исправляйте по шагам.

Технологии
JavaScript · incident state machine · Linux UX
Задача
Показать второй половину миграции: ОС уже установлена, но рабочее место ещё нужно довести до состояния, в котором сотрудник может работать.
Что можно проверить
Четыре сценария поломок, диагностика, выбор решения, журнал действий и итоговый статус READY.
Инфраструктура03

NOC Center

интерактивный тренажёр

Тренажёр мониторинга: вызовите аварию, проведите диагностику и восстановите сеть.

Технологии
Canvas · JavaScript · topology UI
Задача
Сделать мониторинг не декоративным графиком, а интерактивным сценарием диагностики.
Что можно проверить
Сценарии потерь, VPN и CPU меняют метрики, топологию и журнал; пользователь сам устраняет инцидент.
Автоматизация04

Flowboard — таск-трекер

Kanban-доска: создавайте, редактируйте и перетаскивайте задачи между статусами.

Технологии
FastAPI · SQLite · Drag & Drop
Задача
Показать внутренний рабочий инструмент с настоящим сохранением изменений.
Что можно проверить
Задачи хранятся в SQLite, двигаются между колонками и редактируются без перезагрузки.
Бот05

FlowBot — симулятор

Пройдите сценарий заявки, статуса и поддержки внутри имитации Telegram.

Технологии
JavaScript · state machine · UI
Задача
Показать логику бизнес-бота до подключения реального Telegram API.
Что можно проверить
Интерактивный диалог демонстрирует меню, заявку, статусы и ветвление сценариев.
Внутренний сервис06

Pulse — панель управления

Метрики, графики, заявки и переключение темы в компактном рабочем интерфейсе.

Технологии
JavaScript · Canvas · dashboard UI
Задача
Показать, как разрозненные показатели и обращения собираются в одну рабочую панель.
Что можно проверить
Интерфейс реагирует на действия, фильтрует данные и показывает динамические метрики.
Сайт07

NORD — магазин техники

Каталог с фильтрами, карточками, корзиной и оформлением демонстрационного заказа.

Технологии
FastAPI · SQLite · JavaScript
Задача
Показать e-commerce сценарий от каталога до заказа без внешней платёжной системы.
Что можно проверить
Корзина работает, заказ сохраняется, карточки и фильтры ведут себя как в прикладном магазине.
Сайт08

MUSE — онлайн-запись

Премиальная витрина услуг с портфолио и рабочей формой записи.

Технологии
FastAPI · Jinja2 · SQLite
Задача
Показать конверсионный лендинг, где визуальная подача заканчивается реальным действием.
Что можно проверить
Запись проходит в базу и появляется в административной части проекта.
Сайт09

Контур — корпоративный сайт

Строгая презентация сервисной компании с формой заявки и адаптивной структурой.

Технологии
FastAPI · Jinja2 · responsive UI
Задача
Показать корпоративную подачу услуги без шаблонного конструктора.
Что можно проверить
Полноценный адаптивный прототип с коммерческой структурой и рабочим CTA.
Telegram Обсудить задачу