Портфолио

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

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

Спортивный клуб «ТУР»

Защищённая PWA-система управления спортивным клубом и турнирами

Комплексная enterprise-grade PWA-система для автоматизации всех рабочих процессов спортивного клуба: электронные табели посещаемости, база спортсменов, сдача нормативов, судейство турниров в реальном времени, экзамены на пояса, лагеря, финансовый учёт и сквозная аналитика.

Next.js 16 (App Router)React 19Material UI 9 (Emotion)PostgreSQLNextAuth v5 (RBAC)PWA / Service WorkerServer-Sent Events (Realtime)PDFMake / XLSX

Моя роль

Fullstack-разработка, системная архитектура, проектирование PostgreSQL, UI/UX интерфейсов на MUI, реализация PWA, RBAC-безопасность и realtime-модулей.

Результат

Клуб полностью отказался от бумажных журналов и разрозненных Excel-таблиц, централизовав управление тренировочным и соревновательным процессом.
Тренеры получили быстрое мобильное рабочее место для отметок прямо на тренировках, а руководство — прозрачный финансовый контроль, учёт оплат и сквозную аналитику.
Система уверенно выдерживает высокую плотность данных и интенсивные сценарии турнирных дней с мгновенной синхронизацией между судьями и оператором татами.
Проект наглядно демонстрирует fullstack-экспертизу уровня Senior: от чистой архитектуры PostgreSQL и безопасности до сложного, эргономичного UI для мобильных и десктопных устройств.

Почему кейс сильный

Пример глубокого B2B/Enterprise-продукта, где строгая архитектура базы данных и детально выверенный UX превратили сложный организационный хаос в слаженную цифровую экосистему.

Открыть живой сайт

ООО «Капио»

Корпоративный B2B-сайт производителя упаковки

Проект для крупного производителя полимерной упаковки с каталогом 500+ позиций, акцентом на дилерский сценарий и презентацию производственных мощностей.

WordPressJavaScriptresponsive UIкаталогSEO basics

Моя роль

Дизайн, frontend-реализация, структура каталога, интеграция в WordPress.

Результат

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

Почему кейс сильный

Хороший пример того, как frontend помогает B2B-сайту не развалиться под объёмом контента.

Открыть живой сайт

«SEO App»

Десктопное приложение для автоматизации SEO-аудита и конкурентного анализа

Кроссплатформенный рабочий инструмент на Electron и React для пакетного сбора семантики, глубокого headless-краулинга метаданных страниц и мониторинга позиций в поисковой выдаче.

ElectronReact 18Material UIPuppeteerCheerioXMLStock APIKeys.so APIXLSX

Моя роль

Архитектура десктопного приложения, разработка Electron-бэкенда и React-интерфейса, интеграция поисковых API и краулинга, сборка дистрибутивов.

Результат

Сократил время первичного сбора семантического ядра и аудита структуры конкурентов с нескольких рабочих дней до пары часов автономной работы.
За счёт локального кэширования в SQLite/JSON-store и устойчивой обработки ошибок краулер не теряет прогресс при сбоях сети и не производит лишних повторных обращений к уже обработанным сайтам.
Настроил кроссплатформенную CI/CD-сборку и подпись инсталляторов под macOS (Apple Silicon / Intel dmg) и Windows (NSIS x64/arm64) с фоновыми автообновлениями через GitHub Releases.

Почему кейс сильный

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

Открыть живой сайт

Academy ProfiSkills

Образовательный портал с заявками и программами обучения

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

WordPressformscontent architecturemetaeducation portal

Моя роль

Frontend и backend-логика, формы, метаданные и безопасность пользовательского ввода.

Результат

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

Почему кейс сильный

Сильный пример контентного интерфейса, где важнее структура и сценарий, чем декоративность.

Открыть живой сайт

Solid Case

Сайт юридической фирмы с акцентом на доверие и ясный user flow

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

WordPressfrontend integrationformsresponsive layoutSEO

Моя роль

Frontend, адаптация макетов, интеграция с WordPress, формы и SEO-доводка.

Результат

Сайт считывается как надёжный корпоративный сервис, а не как шаблонный юридический лендинг.
Контент и формы стали проще в поддержке со стороны контент-менеджера.
Хороший кейс на аккуратную UI-реализацию под строгую визуальную стилистику.

Почему кейс сильный

Здесь важна не сложная анимация, а дисциплина в типографике, spacing и доверии.

Открыть живой сайт

HR AI Assistant

Десктопный ИИ-помощник IT-рекрутера в Telegram

Персональный кроссплатформенный ко-пилот для автоматизации первичного скрининга соискателей в личном Telegram без необходимости покупки Telegram Premium. Парсит резюме, маскирует ПДн, рассчитывает Fit Score и генерирует черновики ответов строго в корпоративном Tone of Voice.

ElectronTypeScriptGoogle Gemini APIOpenRouterGramJS (MTProto)grammYbetter-sqlite3

Моя роль

Архитектура системы, разработка Telegram MTProto/Bot клиентов, интеграция LLM-провайдеров, проектирование локальной SQLite БД и UI на Electron.

Результат

Сократил время первичного скрининга кандидатов и подготовки первого ответа в 3–4 раза за счёт мгновенной ИИ-выжимки резюме и расчёта стека.
Полностью исключил репутационные риски: благодаря архитектуре Human-in-the-Loop ни одно сообщение не уходит соискателю без явного подтверждения рекрутером.
Обеспечил работу системы с нулевыми затратами на Telegram Premium за счёт связки MTProto-клиента и бесплатных квот моделей Google Gemini API.

Почему кейс сильный

Успех внедрения ИИ в чувствительные коммуникации строится на принципе ко-пилота: нейросеть берёт на себя ресурсоёмкий анализ резюме и контекста, а финальное решение и эмпатия всегда остаются за человеком.

B2B Data Scraping & Automation

Экосистема сбора и аналитики данных: от core-движков до Desktop-приложений и облачного SaaS

Комплексная система парсинга и обработки каталогов B2B-оборудования, SEO-семантики и классифайдов с десятками тысяч позиций. Объединяет высоконагруженные Node.js-скрипты, десктопные Electron-утилиты для операторов и облачный Next.js-сервис с прямой синхронизацией в Google Sheets.

Next.jsReactElectronPuppeteerCheerioNode.jsGoogle Sheets API

Моя роль

Проектирование архитектуры, разработка парсинг-движков (Cheerio/Puppeteer), создание desktop-интерфейсов на Electron, разработка fullstack-приложения на Next.js, интеграция с Google Sheets API.

Результат

Автоматизировал сбор и нормализацию каталогов с десятками тысяч товарных позиций и характеристик, сократив время наполнения B2B-каталогов с недель ручной работы до нескольких часов.
Десктопные утилиты позволили менеджерам и SEO-специалистам не зависеть от разработчика, самостоятельно загружая файлы запросов и получая готовые сводные Excel-таблицы в один клик.
Облачный контур с Google Sheets API и cron-триггерами полностью исключил промежуточный этап выгрузки файлов, организовав прямую передачу свежих данных в рабочие таблицы команды.

Почему кейс сильный

Успешный пример эволюции инструментов автоматизации: переход от узкоспециализированных CLI-скриптов к законченным продуктовым интерфейсам — сначала десктопным для локальных задач, а затем облачным для непрерывной фоновой интеграции.

Другие проекты