From 1a1648c5e2850af27265aa269fd57cfa035d5298 Mon Sep 17 00:00:00 2001 From: Local Build Date: Thu, 13 Aug 2026 19:54:30 +0200 Subject: [PATCH 01/23] feat(resume): add PDF download FAB button with lazy-loaded html2pdf.js - New partial fab-stack-resume.html with PDF download button - Button shows spinner during PDF generation - Photo converted to dataURL before rendering - html2pdf.js loaded from CDN on first click only - CSS for fab--pdf button and loading spinner --- public/css/main.css | 101 ++- public/resume-5.html | 1059 ++++++++++++++++++++++++++++ src/pages/resume-5.html | 948 +++++++++++++++++++++++++ src/partials/fab-stack-resume.html | 11 + 4 files changed, 2116 insertions(+), 3 deletions(-) create mode 100644 public/resume-5.html create mode 100644 src/pages/resume-5.html create mode 100644 src/partials/fab-stack-resume.html diff --git a/public/css/main.css b/public/css/main.css index aa6ca2e..eb6e026 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -954,6 +954,49 @@ a.fab--secondary:visited { outline-offset: 2px; } +/* ── PDF download FAB ── */ +.fab--pdf { + position: relative; + width: 3rem; + min-width: 3rem; + min-height: 3rem; + padding: 0; +} + +.fab-pdf__icon { + display: block; + width: var(--icon-fab); + height: var(--icon-fab); + transition: opacity 0.2s ease; +} + +.fab-pdf__spinner { + display: none; + position: absolute; + width: 1.25rem; + height: 1.25rem; + border: 2px solid color-mix(in hsl, var(--accent) 30%, transparent); + border-top-color: var(--accent); + border-radius: 50%; + animation: fab-pdf-spin 0.6s linear infinite; +} + +@keyframes fab-pdf-spin { + to { transform: rotate(360deg); } +} + +.fab--pdf[data-loading="true"] .fab-pdf__icon { + opacity: 0; +} + +.fab--pdf[data-loading="true"] .fab-pdf__spinner { + display: block; +} + +.fab--pdf[data-loading="true"] { + pointer-events: none; +} + .theme-picker__stack { display: flex; flex-direction: column; @@ -1289,7 +1332,7 @@ html[data-font="mono"] .hero__title { .case-page__h1 { margin: 0 0 0.5rem; font-family: var(--font-accent); - font-size: clamp(1.35rem, 2.6vw, 1.95rem); + font-size: clamp(2rem, 3.9vw, 2.9rem); font-weight: 700; line-height: 1.2; color: var(--text); @@ -1320,7 +1363,7 @@ html[data-font="mono"] .hero__title { .case-page__sub { margin: 0 0 1.25rem; - font-size: clamp(1rem, 1.35vw, 1.1rem); + font-size: clamp(1.5rem, 2vw, 1.65rem); color: var(--text-muted); font-weight: 500; } @@ -2728,6 +2771,50 @@ html[data-theme="light"] .hero__portrait-shell { color: var(--text-muted); } +/* Scroll-reveal: плавное появление секций при скролле */ +[data-reveal] { + opacity: 0; + transform: translateY(80px); + transition: opacity 0.4s ease-out, transform 0.6s ease-out; +} + +[data-reveal].is-visible { + opacity: 1; + transform: translateY(0); +} + +/* Stagger: заголовок появляется первым, контент — через 100ms */ +[data-reveal].is-visible .section__title { + transition-delay: 0.1s; +} + +[data-reveal].is-visible .section__inner > *:not(.section__title) { + transition-delay: 0.25s; +} + +/* Исключаем skills и mini-projects — у них своя stagger-анимация */ +#skills[data-reveal].is-visible .section__title, +#mini-projects[data-reveal].is-visible .section__title { + transition-delay: 0s; +} + +#skills[data-reveal].is-visible .section__inner > *:not(.section__title), +#mini-projects[data-reveal].is-visible .section__inner > *:not(.section__title) { + transition-delay: 0s; +} + +@media (prefers-reduced-motion: reduce) { + [data-reveal] { + opacity: 1; + transform: none; + transition: none; + } + [data-reveal].is-visible .section__title, + [data-reveal].is-visible .section__inner > *:not(.section__title) { + transition-delay: 0s; + } +} + .experience-grid { list-style: none; margin: 0; @@ -2972,6 +3059,7 @@ html[data-theme="light"] .hero__portrait-shell { overflow: hidden; width: 100%; min-height: 100%; + height: 100%; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); @@ -3001,6 +3089,7 @@ html[data-theme="light"] .hero__portrait-shell { flex-direction: column; gap: 0.5rem; min-width: 0; + overflow: hidden; } .mp-card__title { @@ -3015,6 +3104,7 @@ html[data-theme="light"] .hero__portrait-shell { align-items: center; flex-wrap: wrap; gap: 0.35rem 0.45rem; + min-width: 0; } .mp-card__desc { @@ -3022,6 +3112,10 @@ html[data-theme="light"] .hero__portrait-shell { font-size: 0.88rem; line-height: 1.45; color: var(--text-muted); + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; } .mp-card__tags { @@ -3054,7 +3148,7 @@ html[data-theme="light"] .hero__portrait-shell { display: flex; align-items: center; justify-content: center; - overflow: visible; + overflow: hidden; background: transparent; box-sizing: border-box; } @@ -3084,6 +3178,7 @@ html[data-theme="light"] .hero__portrait-shell { .mp-card--stack .mp-card__media { width: 100%; + flex-shrink: 0; padding: 1.2rem 1.35rem 0; } diff --git a/public/resume-5.html b/public/resume-5.html new file mode 100644 index 0000000..9bef34c --- /dev/null +++ b/public/resume-5.html @@ -0,0 +1,1059 @@ + + + + + + + Резюме 5 — Николай Мамадаев + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ +
+ +
+ +
+
+
+ Николай Мамадаев +
+

Резюме

+

Николай Мамадаев

+

Senior UX/UI Designer, Product Designer

+
+
+ +
+
+
Портфолио
+
mamadaevv.site
+
+
+
Почта
+
nik@mamadaevv.site
+
+
+
Вилка по ЗП
+
250 000 – 310 000 руб.
+
+
+
Формат работы
+
удалённо
+
+
+ +

Опыт работы

+ +
+
+

Собственные продукты и исследование AI-инструментов

+

Декабрь 2025 — настоящее время

+
+

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

+ +
+

AI-плагин для Figma (внутренний инструмент)

+
+
+

Обязанности:

+
    +
  • Определил сценарии автоматизации на основе аудита собственного рабочего процесса: замерил, какие операции повторяются чаще всего и съедают больше всего времени
  • +
  • Спроектировал интерфейс плагина: панель, состояния обработки, обработка ошибок, работа с выделением
  • +
  • Собрал архитектуру взаимодействия с LLM: промпт-шаблоны, валидация ответа, повторные попытки
  • +
  • Довёл до рабочей версии самостоятельно, с помощью AI-ассистированной разработки
  • +
  • Веду плагин как продукт: собираю обратную связь, приоритизирую доработки, выпускаю обновления
  • +
+
+
+

Достижения:

+
    +
  • Автоматизировал 7 рутинных операций дизайн-процесса: нейминг слоёв, генерация контента для макетов, приведение текстов к тону продукта, локализация
  • +
  • Сократил время на подготовку макета к передаче в разработку примерно на 40%
  • +
  • Экономлю около 5 часов в неделю на операциях, которые раньше делал руками
  • +
  • Прошёл полный цикл продукта в одиночку: проблема → решение → реализация → эксплуатация
  • +
+
+
+

Стэк:

+
    +
  • Figma API
  • +
  • AI / LLM
  • +
  • Prompt engineering
  • +
+
+
+
+ +
+

Автоматизации и сервисы на n8n (личные проекты)

+
+
+

Обязанности:

+
    +
  • Проектирование логики сценариев: триггеры, ветвления, обработка ошибок, повторные запуски
  • +
  • Работа с PostgreSQL как хранилищем и источником данных для процессов
  • +
  • Интеграция внешних сервисов через REST API
  • +
  • Проектирование и запуск Telegram-ботов: сценарии диалога, состояния, интерфейс сообщений
  • +
+
+
+

Достижения:

+
    +
  • Собрал 12 рабочих сценариев автоматизации, закрывающих личные и рабочие рутины
  • +
  • Запустил 3 Telegram-бота с собственной продуктовой логикой и базой данных
  • +
  • Свёл разрозненные сервисы в единый процесс без единой строки ручной работы
  • +
+
+
+

Стэк:

+
    +
  • n8n
  • +
  • PostgreSQL
  • +
  • REST API
  • +
  • Telegram Bot API
  • +
+
+
+
+ +
+

Пет-проекты на AI-ассистированной разработке

+
+
+

Обязанности:

+
    +
  • Продуктовое проектирование: формулировка проблемы, сценарии, интерфейс, приоритизация функций
  • +
  • Реализация фронтенда и логики с помощью AI-ассистентов
  • +
  • Развёртывание и поддержка работающих сервисов
  • +
+
+
+

Достижения:

+
    +
  • Довёл 5 идей до состояния работающего продукта, а не макета в Figma
  • +
  • Научился доводить гипотезу до проверяемого прототипа за 2–3 дня вместо нескольких недель ожидания разработки
  • +
  • Закрыл разрыв между дизайном и реализацией: теперь проверяю идеи в коде, а не только на макетах
  • +
+
+
+

Стэк:

+
    +
  • Необходимо заполнить
  • +
+
+
+
+
+ +
+
+

Primo RPA

+

Февраль 2023 — Ноябрь 2025 (2 года и 10 месяцев)·primo-rpa.com

+
+

Российская RPA-платформа корпоративного уровня: линейка из desktop-среды разработки роботов и веб-сервисов управления, аналитики и ML. Работал ведущим дизайнером на всю продуктовую линейку из 6 продуктов.

+ +
+

AI Server platform (Saas)

+

Панель управления для обучения/запуска/тестирования и других операций с нейросетями развёрнутыми внутри контура компании.

+
+
+

Обязанности:

+
    +
  • Проектирование интерфейса управления моделями: обучение, запуск, тестирование, версионирование, мониторинг
  • +
  • Проработка сценариев работы с Smart OCR — извлечение данных из документов различных типов
  • +
  • Проектирование разметки документов и валидации результатов распознавания
  • +
  • Работа с состояниями долгих процессов: обучение модели, прогресс, ошибки, откат
  • +
  • Подготовка интерактивных прототипов и авторский надзор за реализацией
  • +
  • Проведение интервью с ML-инженерами и бизнес-пользователями для сверки моделей поведения
  • +
+
+
+

Достижения:

+
    +
  • Упаковал сложную ML-логику в интерфейс, понятный не только ML-инженеру, но и бизнес-аналитику без технического бэкграунда
  • +
  • Свёл работу с моделями к единому предсказуемому сценарию из 4 шагов вместо 9 разрозненных экранов
  • +
  • Сократил время настройки новой модели с 40 до 15 минут по результатам замеров на тестировании
  • +
  • Спроектировал интерфейс разметки документов, который снял 60% обращений в поддержку по этой теме
  • +
  • Провёл 8 юзабилити-сессий, по итогам переработал ключевой сценарий обучения модели
  • +
+
+
+

Стэк:

+
    +
  • ML / нейросети
  • +
  • Smart OCR
  • +
+
+
+
+ +
+

Robot automation studio (Windows)

+

Среда для разработки и отладки роботов для автоматизации бизнес-процессов.

+
+
+

Обязанности:

+
    +
  • Проектирование интерфейса профессиональной desktop-IDE: рабочая область, панели инструментов, дерево процесса, отладчик
  • +
  • Развитие библиотеки компонентов и визуального языка продукта
  • +
  • Проработка сценариев отладки: точки останова, пошаговое выполнение, просмотр переменных
  • +
  • Проектирование работы с большими деревьями активностей и вложенностью
  • +
  • Работа в паре с разработкой по реализации компонентов, авторский надзор
  • +
  • Ведение регулярных дизайн-ревью внутри команды
  • +
+
+
+

Достижения:

+
    +
  • Обновил визуальный язык продукта до уровня Windows 10/11 — компоненты стали на поколение современнее
  • +
  • Переработал 80+ экранов и диалогов, приведя их к единой сетке и типографике
  • +
  • Собрал библиотеку из 140 компонентов, закрывшую 90% потребностей интерфейса
  • +
  • Перевёл иконки и часть иллюстраций на векторную графику: корректное отображение при любом масштабировании и DPI
  • +
  • Сократил время сборки нового экрана командой с 2 дней до 4 часов за счёт готовых компонентов
  • +
+
+
+

Стэк:

+
    +
  • Desktop IDE
  • +
  • Windows 10/11
  • +
  • Компонентная библиотека
  • +
+
+
+
+ +
+

Robot automation studio (Linux)

+

Среда для разработки и отладки роботов для автоматизации бизнес-процессов.

+
+
+

Обязанности:

+
    +
  • Адаптация дизайна Студии под Linux-версию на фреймворке Avalonia
  • +
  • Проектирование компонентов с учётом технических ограничений фреймворка
  • +
  • Синхронизация визуального языка между Windows- и Linux-версиями продукта
  • +
  • Совместная работа с разработкой над тем, что технически реализуемо в Avalonia, а что требует обходных решений
  • +
  • Подготовка спецификаций поведения компонентов для реализации
  • +
+
+
+

Достижения:

+
    +
  • Собрал расширенную библиотеку из 95 компонентов для Avalonia, которой в проекте не существовало до меня
  • +
  • Обеспечил единообразие продукта на двух платформах при разных технологических стеках
  • +
  • Сократил количество визуальных расхождений между версиями с нескольких десятков до единичных случаев
  • +
  • Дал команде Linux-версии готовый набор решений вместо дизайна каждого экрана с нуля
  • +
+
+
+

Стэк:

+
    +
  • Avalonia
  • +
  • .NET
  • +
  • Linux
  • +
+
+
+
+ +
+

Idea Hub Dashboard (Saas)

+

Обеспечивает сбор и анализ предложений сотрудников, оценка эффективности и мониторинг статуса реализации автоматизаций. Аналитика по ключевым показателям эффективности и верхнеуровневый взгляд на роботизацию.

+
+
+

Обязанности:

+
    +
  • Проектирование дашбордов и аналитических представлений по KPI роботизации
  • +
  • Проработка жизненного цикла идеи: подача → оценка → приоритизация → реализация → замер эффекта
  • +
  • Информационная архитектура раздела, работа с плотными таблицами, фильтрами и массовыми операциями
  • +
  • Проектирование ролевой модели: сотрудник, аналитик, руководитель
  • +
  • Подбор типов визуализации данных под конкретные управленческие вопросы
  • +
+
+
+

Достижения:

+
    +
  • Свёл верхнеуровневую аналитику и работу с конкретной идеей в один непрерывный сценарий без переключения между разделами
  • +
  • Спроектировал представление данных так, что руководитель видит эффект от роботизации без ручных выгрузок в Excel
  • +
  • Сократил путь от подачи идеи до её оценки с 6 шагов до 3
  • +
  • Спроектировал 12 виджетов аналитики, покрывающих основные вопросы заказчиков о ROI роботизации
  • +
+
+
+

Стэк:

+
    +
  • Аналитика / дашборды
  • +
  • KPI
  • +
  • Визуализация данных
  • +
+
+
+
+ +
+

Orchestrator Automation Management Tool (Saas)

+

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

+
+
+

Обязанности:

+
    +
  • Проектирование интерфейса управления парком из сотен роботов: расписания, очереди, приоритеты, мониторинг
  • +
  • Проработка состояний и обработки ошибок при массовых запусках
  • +
  • Проектирование системы уведомлений и алертов о сбоях
  • +
  • Работа со сложными таблицами: сортировка, фильтрация, массовые действия, сохранённые представления
  • +
  • Прототипирование сложных сценариев для валидации до начала разработки
  • +
+
+
+

Достижения:

+
    +
  • Спроектировал управление сотнями объектов так, что оператор не теряется в масштабе: от общей картины до конкретного робота за 2 клика
  • +
  • Привёл сервис к единой дизайн-системе вместе с остальными веб-продуктами линейки
  • +
  • Сократил время реакции оператора на сбой робота с 12 до 4 минут за счёт переработанной системы алертов
  • +
  • Свёл 5 разных представлений списка роботов к одному настраиваемому
  • +
+
+
+

Стэк:

+
    +
  • Мониторинг
  • +
  • Расписания / очереди
  • +
  • Уведомления / алерты
  • +
+
+
+
+ +
+

QnA portal (WEB)

+

Площадка для постинга вопросов и получения ответов от службы поддержки

+
+
+

Обязанности:

+
    +
  • Проектирование сценариев публикации вопроса, ответа и поиска по накопленной базе знаний
  • +
  • Дизайн интерфейса портала на базе общей дизайн-системы компании
  • +
  • Проработка ролевой модели: пользователь, эксперт, служба поддержки, модератор
  • +
  • Проектирование механики поиска и подсказок похожих вопросов при публикации
  • +
+
+
+

Достижения:

+
    +
  • Запустил портал на готовых компонентах дизайн-системы за 3 недели вместо запланированных 8
  • +
  • Снизил нагрузку на поддержку примерно на 25% за счёт переиспользования уже данных ответов
  • +
  • Механика подсказок похожих вопросов сократила количество дублей на 45%
  • +
  • Обеспечил визуальную преемственность с продуктами линейки — портал не выглядит сторонним сервисом
  • +
+
+
+

Стэк:

+
    +
  • Веб-портал
  • +
  • Дизайн-система
  • +
  • База знаний
  • +
+
+
+
+ +
+

Общее по компании

+
    +
  • Инициировал обновление внешнего вида всей продуктовой линейки — решение о редизайне компания приняла с моим приходом
  • +
  • Собрал и внедрил единую дизайн-систему для веб-сервисов, соединив фирменный стиль компании с новой структурой интерфейсов
  • +
  • Дизайн-систему приняли 4 продуктовые команды; она включает 210 компонентов и токены темизации
  • +
  • Сократил среднее время подготовки макетов по линейке на 35%
  • +
  • Создавал и поддерживал UI-kit для консистентности и ускорения разработки
  • +
  • Провёл более 20 пользовательских исследований и юзабилити-сессий за время работы
  • +
  • Вёл авторский надзор за реализацией, участвовал в дизайн-ревью, продуктовых обсуждениях и планировании релизов
  • +
  • Был единственным ведущим дизайнером на всю линейку из 6 продуктов и двух платформ
  • +
+
+
+ +
+
+

Lunacy (Icons8)

+

Июль 2022 — Январь 2023 (7 месяцев)·icons8.com/lunacy

+
+

Графический редактор для работы над дизайном интерфейсов и прочих макетов. Аналог Sketch App и Figma.

+ +
+
+
+

Обязанности:

+
    +
  • Проектирование интерфейса графического редактора: инструменты, панели свойств, работа с холстом и слоями
  • +
  • Оформление решений в виде юзерфлоу и передача разработчикам
  • +
  • Создание сложных интерактивных прототипов в Protopie для демонстрации поведения инструментов
  • +
  • Отрисовка недостающих иконок в стилистике продукта
  • +
  • Внесение предложений по улучшению функциональности редактора
  • +
  • Участие в обсуждениях продуктовых решений с командой
  • +
+
+
+

Достижения:

+
    +
  • Спроектировал 6 функциональных блоков редактора, включая работу с компонентами и стилями
  • +
  • Собрал 15+ прототипов в Protopie, что позволило отсечь неудачные решения до разработки
  • +
  • Часть моих предложений по функциональности вошла в релизы продукта
  • +
  • Отрисовал более 60 иконок, дополнивших системный набор редактора
  • +
  • Работал над продуктом для профессиональной аудитории дизайнеров, где требования к деталям интерфейса выше обычных
  • +
+
+
+

Стэк:

+
    +
  • Protopie
  • +
  • Графический редактор
  • +
  • Иконки / иллюстрации
  • +
+
+
+
+
+ +
+
+

MANU Video Game Maker

+

Январь 2019 — Декабрь 2021 (3 года)·manu.co

+
+

Игровой движок для создания видеоигр без написания кода.

+ +
+
+
+

Обязанности:

+
    +
  • Продуктовый дизайн движка целиком: от концепции взаимодействия до конечного UI
  • +
  • Проектирование поведения интерфейса для сложных пользовательских сценариев
  • +
  • Исследования пользователей: наблюдение, глубинные интервью, опросы
  • +
  • Составление портретов потенциальных пользователей и карт эмпатии
  • +
  • Работа с продуктовой аналитикой и метриками, завязанными на пользовательские сценарии
  • +
  • Вёрстка главной страницы сайта на Tilda, проектирование информационной архитектуры сайта вместе с командой
  • +
  • Контроль работы веб-графического дизайнера
  • +
  • Найм в продуктовый отдел: проведение собеседований и отбор специалистов
  • +
  • Руководство отделом, построение рабочих процессов всей продуктовой команды
  • +
  • Кураторство работ по созданию пользовательской документации
  • +
  • Внедрение инструментов автоматизации (Integromat, Zapier) для внутренних задач
  • +
+
+
+

Достижения:

+
    +
  • Провёл масштабный редизайн всей программы: заложил принципиально новую концепцию работы и стилистику
  • +
  • Спроектировал поведение интерфейса для 100+ сложных пользовательских сценариев
  • +
  • Спроектировал дизайн-систему продукта с нуля: 120 компонентов
  • +
  • Получили массу положительных, местами восторженных отзывов пользователей — в продукте стало значительно легче ориентироваться
  • +
  • Завершаемость онбординга выросла с 34% до 58% после редизайна
  • +
  • Провёл 25 глубинных интервью и 4 волны опросов, на их основе переработал 3 ключевых сценария
  • +
  • Нанял 4 специалистов в продуктовый отдел и вырос из дизайнера в тимлида команды
  • +
  • Выстроил процессы отдела: дизайн-ревью, работа с бэклогом, передача в разработку
  • +
  • Автоматизировал внутренние рутины команды, освободив время на продуктовые задачи
  • +
+
+
+

Стэк:

+
    +
  • Tilda
  • +
  • Integromat / Zapier
  • +
  • Исследования пользователей
  • +
+
+
+
+
+ +
+
+

Aegees Messenger

+

Октябрь 2017 — Декабрь 2018 (1 год и 3 месяца)·aegees.com

+
+

Кроссплатформенный мессенджер с защищенным хранилищем и аудиозвонками.

+ +
+
+
+

Обязанности:

+
    +
  • Дизайн мессенджера сразу под пять платформ: Android, iOS, macOS, Windows, Linux
  • +
  • Проработка сценариев защищённого хранилища и аудиозвонков
  • +
  • Проектирование сценариев регистрации, шифрования и восстановления доступа
  • +
  • Адаптация единой продуктовой логики под гайдлайны каждой платформы
  • +
  • Контроль работы зарубежных иллюстраторов по подготовке графических материалов
  • +
  • Подготовка материалов для магазинов приложений
  • +
+
+
+

Достижения:

+
    +
  • Выстроил единый визуальный язык продукта при соблюдении гайдлайнов пяти платформ одновременно
  • +
  • Спроектировал более 90 экранов в пяти платформенных вариантах
  • +
  • Обеспечил стабильный поток графических материалов от внешних подрядчиков без потери стилистики
  • +
  • Упростил сценарий защищённого хранилища так, чтобы им пользовались люди без технической подготовки
  • +
  • Работал в чувствительной области приватности и безопасности, где ошибка в интерфейсе стоит доверия пользователя
  • +
+
+
+

Стэк:

+
    +
  • Android
  • +
  • iOS
  • +
  • macOS
  • +
  • Windows
  • +
  • Linux
  • +
+
+
+
+
+ +
+
+

Orion Innovation (ex MERA)

+

Июль 2016 — Октябрь 2017 (1 год и 4 месяца)·orioninnovation.com

+
+

Разработка ПО для внешних заказчиков.

+ +
+
+
+

Обязанности:

+
    +
  • Работа в дизайн-отделе численностью до 8 человек
  • +
  • Создание анкет персон и составление карты функциональности продукта в соответствии с потребностями персон
  • +
  • Вайрфреймы и отрисовка конечного UI интерфейсов
  • +
  • Проектирование юзкейсов, карт экранов, демонстрации микроанимаций
  • +
  • Подготовка мудбордов и дизайн-концепций, обсуждение их с клиентами
  • +
  • Подготовка и проведение презентаций дизайн-концепций
  • +
  • Линковка мокапов в прототипы, написание сценариев и проведение качественных юзабилити-тестирований
  • +
  • Внесение правок по результатам тестирований
  • +
  • Авторский надзор над реализацией дизайна разработчиками
  • +
  • Участие в дизайн-ревью: разбор работ коллег и защита собственных решений
  • +
  • Прямая коммуникация с зарубежными клиентами для обсуждения дизайна и получения задач
  • +
+
+
+

Достижения:

+
    +
  • Провёл 10 сессий юзабилити-тестирования от написания сценария до внесения правок
  • +
  • Освоил новую для себя платформу Smart TV и довёл проект до успешной публикации в магазине приложений
  • +
  • Вёл коммуникацию с зарубежными заказчиками напрямую, без посредников
  • +
  • Активно участвовал в улучшении рабочего процесса дизайн-отдела компании
  • +
  • Прошёл полный цикл продуктового дизайна на 5 клиентских проектах
  • +
+
+
+

Стэк:

+
    +
  • Smart TV
  • +
  • Юзабилити-тестирование
  • +
  • Мудборды / дизайн-концепции
  • +
+
+
+
+
+ +
+
+

SpaceshipApps Studio

+

Июнь 2015 — Июнь 2016 (1 год и 1 месяц)·spaceshipapps.ru

+
+

Студия разработки мобильных приложений и сайтов.

+ +
+
+
+

Обязанности:

+
    +
  • Дизайн мобильных и веб-продуктов в потоковом режиме студии
  • +
  • Работа с разными доменами: соцгейминг, бьюти-услуги, доставка еды, голосовые интерфейсы, легал-сервисы, коллаборативные инструменты
  • +
  • Адаптивный веб-дизайн и дизайн административных панелей
  • +
  • Отрисовка иконок и подготовка графики для проектов
  • +
  • Подготовка макетов к передаче в разработку
  • +
+
+
+

Достижения:

+
    +
  • Выпустил 6 продуктов за год: геолокационная социальная игра с квестами в реальном мире, приложение записи к бьюти-специалистам, сервис доставки еды, голосовая игра со словами, сайт и админка сервиса регистрации авторского права, мобильная «белая доска» для совместной работы
  • +
  • Научился быстро входить в новую предметную область и держать качество при высоком темпе студии
  • +
  • Закрыл весь спектр задач: мобайл, веб, админ-панели, графика
  • +
  • Заложил базу для перехода от исполнительского дизайна к продуктовому
  • +
+
+
+

Стэк:

+
    +
  • Мобайл
  • +
  • Веб
  • +
  • Админ-панели
  • +
  • Графика
  • +
+
+
+
+
+ +

Навыки

+
+
+

Проектирование

+

UX/UI, product design, информационная архитектура, адаптивный дизайн, дизайн-системы

+
+
+

Исследования

+

Интервью, опросы, usability testing, JTBD, карты эмпатии, конверсия, retention, NPS

+
+
+

Инструменты

+

Figma, Protopie, Sketch, Adobe Creative Suite, Tilda, AI-инструменты

+
+
+

Управление

+

Построение команды, Agile, Kanban, авторский надзор, работа со стейкхолдерами

+
+
+ +

О себе

+

+ В дизайне больше 10 лет, последние годы — продуктовый дизайн сложных B2B-продуктов. Работаю на стыке дизайна и продакт-менеджмента: провожу исследования, формулирую гипотезы и фичи, помогаю с приоритизацией и участвую в планировании релизов. +

+

+ Люблю разбираться в сложном и делать его понятным — поэтому мне комфортно в продуктах вроде IDE, оркестраторов и ML-панелей, где обычному дизайнеру скучно или страшно. +

+

+ Не жду, пока задачу сделает кто-то другой: пишу себе инструменты сам. Собрал приватный AI-плагин для Figma, автоматизирую процессы на n8n и PostgreSQL, довожу свои идеи до работающих продуктов с помощью AI-ассистированной разработки. Собственные навыки для Алисы набрали 37 000+ и 33 000+ пользователей, файл Slider Set для дизайнеров скачали больше 20 000 раз. +

+

+ Участвую в жизни сообщества: веду Telegram-канал «Дизайн не пицца», выкладываю полезности в Figma Community, выступал на митапе Яндекса с докладом по аналитике, побеждал на хакатонах — самая приятная победа на хакатоне Яндекс.Денег в Петербурге за приложение оплаты по QR-коду. +

+

+ Английский — B1. Работаю удалённо, спокойно веду коммуникацию с распределённой командой. +

+
+
+ + + + + + + + diff --git a/src/pages/resume-5.html b/src/pages/resume-5.html new file mode 100644 index 0000000..cdc3499 --- /dev/null +++ b/src/pages/resume-5.html @@ -0,0 +1,948 @@ + + + + + + + Резюме 5 — Николай Мамадаев + {{> head-links}} + + + + {{> header-minimal}} + {{> fab-stack-resume}} +
+
+
+ Николай Мамадаев +
+

Резюме

+

Николай Мамадаев

+

Senior UX/UI Designer, Product Designer

+
+
+ +
+
+
Портфолио
+
mamadaevv.site
+
+
+
Почта
+
nik@mamadaevv.site
+
+
+
Вилка по ЗП
+
250 000 – 310 000 руб.
+
+
+
Формат работы
+
удалённо
+
+
+ +

Опыт работы

+ +
+
+

Собственные продукты и исследование AI-инструментов

+

Декабрь 2025 — настоящее время

+
+

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

+ +
+

AI-плагин для Figma (внутренний инструмент)

+
+
+

Обязанности:

+
    +
  • Определил сценарии автоматизации на основе аудита собственного рабочего процесса: замерил, какие операции повторяются чаще всего и съедают больше всего времени
  • +
  • Спроектировал интерфейс плагина: панель, состояния обработки, обработка ошибок, работа с выделением
  • +
  • Собрал архитектуру взаимодействия с LLM: промпт-шаблоны, валидация ответа, повторные попытки
  • +
  • Довёл до рабочей версии самостоятельно, с помощью AI-ассистированной разработки
  • +
  • Веду плагин как продукт: собираю обратную связь, приоритизирую доработки, выпускаю обновления
  • +
+
+
+

Достижения:

+
    +
  • Автоматизировал 7 рутинных операций дизайн-процесса: нейминг слоёв, генерация контента для макетов, приведение текстов к тону продукта, локализация
  • +
  • Сократил время на подготовку макета к передаче в разработку примерно на 40%
  • +
  • Экономлю около 5 часов в неделю на операциях, которые раньше делал руками
  • +
  • Прошёл полный цикл продукта в одиночку: проблема → решение → реализация → эксплуатация
  • +
+
+
+

Стэк:

+
    +
  • Figma API
  • +
  • AI / LLM
  • +
  • Prompt engineering
  • +
+
+
+
+ +
+

Автоматизации и сервисы на n8n (личные проекты)

+
+
+

Обязанности:

+
    +
  • Проектирование логики сценариев: триггеры, ветвления, обработка ошибок, повторные запуски
  • +
  • Работа с PostgreSQL как хранилищем и источником данных для процессов
  • +
  • Интеграция внешних сервисов через REST API
  • +
  • Проектирование и запуск Telegram-ботов: сценарии диалога, состояния, интерфейс сообщений
  • +
+
+
+

Достижения:

+
    +
  • Собрал 12 рабочих сценариев автоматизации, закрывающих личные и рабочие рутины
  • +
  • Запустил 3 Telegram-бота с собственной продуктовой логикой и базой данных
  • +
  • Свёл разрозненные сервисы в единый процесс без единой строки ручной работы
  • +
+
+
+

Стэк:

+
    +
  • n8n
  • +
  • PostgreSQL
  • +
  • REST API
  • +
  • Telegram Bot API
  • +
+
+
+
+ +
+

Пет-проекты на AI-ассистированной разработке

+
+
+

Обязанности:

+
    +
  • Продуктовое проектирование: формулировка проблемы, сценарии, интерфейс, приоритизация функций
  • +
  • Реализация фронтенда и логики с помощью AI-ассистентов
  • +
  • Развёртывание и поддержка работающих сервисов
  • +
+
+
+

Достижения:

+
    +
  • Довёл 5 идей до состояния работающего продукта, а не макета в Figma
  • +
  • Научился доводить гипотезу до проверяемого прототипа за 2–3 дня вместо нескольких недель ожидания разработки
  • +
  • Закрыл разрыв между дизайном и реализацией: теперь проверяю идеи в коде, а не только на макетах
  • +
+
+
+

Стэк:

+
    +
  • Необходимо заполнить
  • +
+
+
+
+
+ +
+
+

Primo RPA

+

Февраль 2023 — Ноябрь 2025 (2 года и 10 месяцев)·primo-rpa.com

+
+

Российская RPA-платформа корпоративного уровня: линейка из desktop-среды разработки роботов и веб-сервисов управления, аналитики и ML. Работал ведущим дизайнером на всю продуктовую линейку из 6 продуктов.

+ +
+

AI Server platform (Saas)

+

Панель управления для обучения/запуска/тестирования и других операций с нейросетями развёрнутыми внутри контура компании.

+
+
+

Обязанности:

+
    +
  • Проектирование интерфейса управления моделями: обучение, запуск, тестирование, версионирование, мониторинг
  • +
  • Проработка сценариев работы с Smart OCR — извлечение данных из документов различных типов
  • +
  • Проектирование разметки документов и валидации результатов распознавания
  • +
  • Работа с состояниями долгих процессов: обучение модели, прогресс, ошибки, откат
  • +
  • Подготовка интерактивных прототипов и авторский надзор за реализацией
  • +
  • Проведение интервью с ML-инженерами и бизнес-пользователями для сверки моделей поведения
  • +
+
+
+

Достижения:

+
    +
  • Упаковал сложную ML-логику в интерфейс, понятный не только ML-инженеру, но и бизнес-аналитику без технического бэкграунда
  • +
  • Свёл работу с моделями к единому предсказуемому сценарию из 4 шагов вместо 9 разрозненных экранов
  • +
  • Сократил время настройки новой модели с 40 до 15 минут по результатам замеров на тестировании
  • +
  • Спроектировал интерфейс разметки документов, который снял 60% обращений в поддержку по этой теме
  • +
  • Провёл 8 юзабилити-сессий, по итогам переработал ключевой сценарий обучения модели
  • +
+
+
+

Стэк:

+
    +
  • ML / нейросети
  • +
  • Smart OCR
  • +
+
+
+
+ +
+

Robot automation studio (Windows)

+

Среда для разработки и отладки роботов для автоматизации бизнес-процессов.

+
+
+

Обязанности:

+
    +
  • Проектирование интерфейса профессиональной desktop-IDE: рабочая область, панели инструментов, дерево процесса, отладчик
  • +
  • Развитие библиотеки компонентов и визуального языка продукта
  • +
  • Проработка сценариев отладки: точки останова, пошаговое выполнение, просмотр переменных
  • +
  • Проектирование работы с большими деревьями активностей и вложенностью
  • +
  • Работа в паре с разработкой по реализации компонентов, авторский надзор
  • +
  • Ведение регулярных дизайн-ревью внутри команды
  • +
+
+
+

Достижения:

+
    +
  • Обновил визуальный язык продукта до уровня Windows 10/11 — компоненты стали на поколение современнее
  • +
  • Переработал 80+ экранов и диалогов, приведя их к единой сетке и типографике
  • +
  • Собрал библиотеку из 140 компонентов, закрывшую 90% потребностей интерфейса
  • +
  • Перевёл иконки и часть иллюстраций на векторную графику: корректное отображение при любом масштабировании и DPI
  • +
  • Сократил время сборки нового экрана командой с 2 дней до 4 часов за счёт готовых компонентов
  • +
+
+
+

Стэк:

+
    +
  • Desktop IDE
  • +
  • Windows 10/11
  • +
  • Компонентная библиотека
  • +
+
+
+
+ +
+

Robot automation studio (Linux)

+

Среда для разработки и отладки роботов для автоматизации бизнес-процессов.

+
+
+

Обязанности:

+
    +
  • Адаптация дизайна Студии под Linux-версию на фреймворке Avalonia
  • +
  • Проектирование компонентов с учётом технических ограничений фреймворка
  • +
  • Синхронизация визуального языка между Windows- и Linux-версиями продукта
  • +
  • Совместная работа с разработкой над тем, что технически реализуемо в Avalonia, а что требует обходных решений
  • +
  • Подготовка спецификаций поведения компонентов для реализации
  • +
+
+
+

Достижения:

+
    +
  • Собрал расширенную библиотеку из 95 компонентов для Avalonia, которой в проекте не существовало до меня
  • +
  • Обеспечил единообразие продукта на двух платформах при разных технологических стеках
  • +
  • Сократил количество визуальных расхождений между версиями с нескольких десятков до единичных случаев
  • +
  • Дал команде Linux-версии готовый набор решений вместо дизайна каждого экрана с нуля
  • +
+
+
+

Стэк:

+
    +
  • Avalonia
  • +
  • .NET
  • +
  • Linux
  • +
+
+
+
+ +
+

Idea Hub Dashboard (Saas)

+

Обеспечивает сбор и анализ предложений сотрудников, оценка эффективности и мониторинг статуса реализации автоматизаций. Аналитика по ключевым показателям эффективности и верхнеуровневый взгляд на роботизацию.

+
+
+

Обязанности:

+
    +
  • Проектирование дашбордов и аналитических представлений по KPI роботизации
  • +
  • Проработка жизненного цикла идеи: подача → оценка → приоритизация → реализация → замер эффекта
  • +
  • Информационная архитектура раздела, работа с плотными таблицами, фильтрами и массовыми операциями
  • +
  • Проектирование ролевой модели: сотрудник, аналитик, руководитель
  • +
  • Подбор типов визуализации данных под конкретные управленческие вопросы
  • +
+
+
+

Достижения:

+
    +
  • Свёл верхнеуровневую аналитику и работу с конкретной идеей в один непрерывный сценарий без переключения между разделами
  • +
  • Спроектировал представление данных так, что руководитель видит эффект от роботизации без ручных выгрузок в Excel
  • +
  • Сократил путь от подачи идеи до её оценки с 6 шагов до 3
  • +
  • Спроектировал 12 виджетов аналитики, покрывающих основные вопросы заказчиков о ROI роботизации
  • +
+
+
+

Стэк:

+
    +
  • Аналитика / дашборды
  • +
  • KPI
  • +
  • Визуализация данных
  • +
+
+
+
+ +
+

Orchestrator Automation Management Tool (Saas)

+

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

+
+
+

Обязанности:

+
    +
  • Проектирование интерфейса управления парком из сотен роботов: расписания, очереди, приоритеты, мониторинг
  • +
  • Проработка состояний и обработки ошибок при массовых запусках
  • +
  • Проектирование системы уведомлений и алертов о сбоях
  • +
  • Работа со сложными таблицами: сортировка, фильтрация, массовые действия, сохранённые представления
  • +
  • Прототипирование сложных сценариев для валидации до начала разработки
  • +
+
+
+

Достижения:

+
    +
  • Спроектировал управление сотнями объектов так, что оператор не теряется в масштабе: от общей картины до конкретного робота за 2 клика
  • +
  • Привёл сервис к единой дизайн-системе вместе с остальными веб-продуктами линейки
  • +
  • Сократил время реакции оператора на сбой робота с 12 до 4 минут за счёт переработанной системы алертов
  • +
  • Свёл 5 разных представлений списка роботов к одному настраиваемому
  • +
+
+
+

Стэк:

+
    +
  • Мониторинг
  • +
  • Расписания / очереди
  • +
  • Уведомления / алерты
  • +
+
+
+
+ +
+

QnA portal (WEB)

+

Площадка для постинга вопросов и получения ответов от службы поддержки

+
+
+

Обязанности:

+
    +
  • Проектирование сценариев публикации вопроса, ответа и поиска по накопленной базе знаний
  • +
  • Дизайн интерфейса портала на базе общей дизайн-системы компании
  • +
  • Проработка ролевой модели: пользователь, эксперт, служба поддержки, модератор
  • +
  • Проектирование механики поиска и подсказок похожих вопросов при публикации
  • +
+
+
+

Достижения:

+
    +
  • Запустил портал на готовых компонентах дизайн-системы за 3 недели вместо запланированных 8
  • +
  • Снизил нагрузку на поддержку примерно на 25% за счёт переиспользования уже данных ответов
  • +
  • Механика подсказок похожих вопросов сократила количество дублей на 45%
  • +
  • Обеспечил визуальную преемственность с продуктами линейки — портал не выглядит сторонним сервисом
  • +
+
+
+

Стэк:

+
    +
  • Веб-портал
  • +
  • Дизайн-система
  • +
  • База знаний
  • +
+
+
+
+ +
+

Общее по компании

+
    +
  • Инициировал обновление внешнего вида всей продуктовой линейки — решение о редизайне компания приняла с моим приходом
  • +
  • Собрал и внедрил единую дизайн-систему для веб-сервисов, соединив фирменный стиль компании с новой структурой интерфейсов
  • +
  • Дизайн-систему приняли 4 продуктовые команды; она включает 210 компонентов и токены темизации
  • +
  • Сократил среднее время подготовки макетов по линейке на 35%
  • +
  • Создавал и поддерживал UI-kit для консистентности и ускорения разработки
  • +
  • Провёл более 20 пользовательских исследований и юзабилити-сессий за время работы
  • +
  • Вёл авторский надзор за реализацией, участвовал в дизайн-ревью, продуктовых обсуждениях и планировании релизов
  • +
  • Был единственным ведущим дизайнером на всю линейку из 6 продуктов и двух платформ
  • +
+
+
+ +
+
+

Lunacy (Icons8)

+

Июль 2022 — Январь 2023 (7 месяцев)·icons8.com/lunacy

+
+

Графический редактор для работы над дизайном интерфейсов и прочих макетов. Аналог Sketch App и Figma.

+ +
+
+
+

Обязанности:

+
    +
  • Проектирование интерфейса графического редактора: инструменты, панели свойств, работа с холстом и слоями
  • +
  • Оформление решений в виде юзерфлоу и передача разработчикам
  • +
  • Создание сложных интерактивных прототипов в Protopie для демонстрации поведения инструментов
  • +
  • Отрисовка недостающих иконок в стилистике продукта
  • +
  • Внесение предложений по улучшению функциональности редактора
  • +
  • Участие в обсуждениях продуктовых решений с командой
  • +
+
+
+

Достижения:

+
    +
  • Спроектировал 6 функциональных блоков редактора, включая работу с компонентами и стилями
  • +
  • Собрал 15+ прототипов в Protopie, что позволило отсечь неудачные решения до разработки
  • +
  • Часть моих предложений по функциональности вошла в релизы продукта
  • +
  • Отрисовал более 60 иконок, дополнивших системный набор редактора
  • +
  • Работал над продуктом для профессиональной аудитории дизайнеров, где требования к деталям интерфейса выше обычных
  • +
+
+
+

Стэк:

+
    +
  • Protopie
  • +
  • Графический редактор
  • +
  • Иконки / иллюстрации
  • +
+
+
+
+
+ +
+
+

MANU Video Game Maker

+

Январь 2019 — Декабрь 2021 (3 года)·manu.co

+
+

Игровой движок для создания видеоигр без написания кода.

+ +
+
+
+

Обязанности:

+
    +
  • Продуктовый дизайн движка целиком: от концепции взаимодействия до конечного UI
  • +
  • Проектирование поведения интерфейса для сложных пользовательских сценариев
  • +
  • Исследования пользователей: наблюдение, глубинные интервью, опросы
  • +
  • Составление портретов потенциальных пользователей и карт эмпатии
  • +
  • Работа с продуктовой аналитикой и метриками, завязанными на пользовательские сценарии
  • +
  • Вёрстка главной страницы сайта на Tilda, проектирование информационной архитектуры сайта вместе с командой
  • +
  • Контроль работы веб-графического дизайнера
  • +
  • Найм в продуктовый отдел: проведение собеседований и отбор специалистов
  • +
  • Руководство отделом, построение рабочих процессов всей продуктовой команды
  • +
  • Кураторство работ по созданию пользовательской документации
  • +
  • Внедрение инструментов автоматизации (Integromat, Zapier) для внутренних задач
  • +
+
+
+

Достижения:

+
    +
  • Провёл масштабный редизайн всей программы: заложил принципиально новую концепцию работы и стилистику
  • +
  • Спроектировал поведение интерфейса для 100+ сложных пользовательских сценариев
  • +
  • Спроектировал дизайн-систему продукта с нуля: 120 компонентов
  • +
  • Получили массу положительных, местами восторженных отзывов пользователей — в продукте стало значительно легче ориентироваться
  • +
  • Завершаемость онбординга выросла с 34% до 58% после редизайна
  • +
  • Провёл 25 глубинных интервью и 4 волны опросов, на их основе переработал 3 ключевых сценария
  • +
  • Нанял 4 специалистов в продуктовый отдел и вырос из дизайнера в тимлида команды
  • +
  • Выстроил процессы отдела: дизайн-ревью, работа с бэклогом, передача в разработку
  • +
  • Автоматизировал внутренние рутины команды, освободив время на продуктовые задачи
  • +
+
+
+

Стэк:

+
    +
  • Tilda
  • +
  • Integromat / Zapier
  • +
  • Исследования пользователей
  • +
+
+
+
+
+ +
+
+

Aegees Messenger

+

Октябрь 2017 — Декабрь 2018 (1 год и 3 месяца)·aegees.com

+
+

Кроссплатформенный мессенджер с защищенным хранилищем и аудиозвонками.

+ +
+
+
+

Обязанности:

+
    +
  • Дизайн мессенджера сразу под пять платформ: Android, iOS, macOS, Windows, Linux
  • +
  • Проработка сценариев защищённого хранилища и аудиозвонков
  • +
  • Проектирование сценариев регистрации, шифрования и восстановления доступа
  • +
  • Адаптация единой продуктовой логики под гайдлайны каждой платформы
  • +
  • Контроль работы зарубежных иллюстраторов по подготовке графических материалов
  • +
  • Подготовка материалов для магазинов приложений
  • +
+
+
+

Достижения:

+
    +
  • Выстроил единый визуальный язык продукта при соблюдении гайдлайнов пяти платформ одновременно
  • +
  • Спроектировал более 90 экранов в пяти платформенных вариантах
  • +
  • Обеспечил стабильный поток графических материалов от внешних подрядчиков без потери стилистики
  • +
  • Упростил сценарий защищённого хранилища так, чтобы им пользовались люди без технической подготовки
  • +
  • Работал в чувствительной области приватности и безопасности, где ошибка в интерфейсе стоит доверия пользователя
  • +
+
+
+

Стэк:

+
    +
  • Android
  • +
  • iOS
  • +
  • macOS
  • +
  • Windows
  • +
  • Linux
  • +
+
+
+
+
+ +
+
+

Orion Innovation (ex MERA)

+

Июль 2016 — Октябрь 2017 (1 год и 4 месяца)·orioninnovation.com

+
+

Разработка ПО для внешних заказчиков.

+ +
+
+
+

Обязанности:

+
    +
  • Работа в дизайн-отделе численностью до 8 человек
  • +
  • Создание анкет персон и составление карты функциональности продукта в соответствии с потребностями персон
  • +
  • Вайрфреймы и отрисовка конечного UI интерфейсов
  • +
  • Проектирование юзкейсов, карт экранов, демонстрации микроанимаций
  • +
  • Подготовка мудбордов и дизайн-концепций, обсуждение их с клиентами
  • +
  • Подготовка и проведение презентаций дизайн-концепций
  • +
  • Линковка мокапов в прототипы, написание сценариев и проведение качественных юзабилити-тестирований
  • +
  • Внесение правок по результатам тестирований
  • +
  • Авторский надзор над реализацией дизайна разработчиками
  • +
  • Участие в дизайн-ревью: разбор работ коллег и защита собственных решений
  • +
  • Прямая коммуникация с зарубежными клиентами для обсуждения дизайна и получения задач
  • +
+
+
+

Достижения:

+
    +
  • Провёл 10 сессий юзабилити-тестирования от написания сценария до внесения правок
  • +
  • Освоил новую для себя платформу Smart TV и довёл проект до успешной публикации в магазине приложений
  • +
  • Вёл коммуникацию с зарубежными заказчиками напрямую, без посредников
  • +
  • Активно участвовал в улучшении рабочего процесса дизайн-отдела компании
  • +
  • Прошёл полный цикл продуктового дизайна на 5 клиентских проектах
  • +
+
+
+

Стэк:

+
    +
  • Smart TV
  • +
  • Юзабилити-тестирование
  • +
  • Мудборды / дизайн-концепции
  • +
+
+
+
+
+ +
+
+

SpaceshipApps Studio

+

Июнь 2015 — Июнь 2016 (1 год и 1 месяц)·spaceshipapps.ru

+
+

Студия разработки мобильных приложений и сайтов.

+ +
+
+
+

Обязанности:

+
    +
  • Дизайн мобильных и веб-продуктов в потоковом режиме студии
  • +
  • Работа с разными доменами: соцгейминг, бьюти-услуги, доставка еды, голосовые интерфейсы, легал-сервисы, коллаборативные инструменты
  • +
  • Адаптивный веб-дизайн и дизайн административных панелей
  • +
  • Отрисовка иконок и подготовка графики для проектов
  • +
  • Подготовка макетов к передаче в разработку
  • +
+
+
+

Достижения:

+
    +
  • Выпустил 6 продуктов за год: геолокационная социальная игра с квестами в реальном мире, приложение записи к бьюти-специалистам, сервис доставки еды, голосовая игра со словами, сайт и админка сервиса регистрации авторского права, мобильная «белая доска» для совместной работы
  • +
  • Научился быстро входить в новую предметную область и держать качество при высоком темпе студии
  • +
  • Закрыл весь спектр задач: мобайл, веб, админ-панели, графика
  • +
  • Заложил базу для перехода от исполнительского дизайна к продуктовому
  • +
+
+
+

Стэк:

+
    +
  • Мобайл
  • +
  • Веб
  • +
  • Админ-панели
  • +
  • Графика
  • +
+
+
+
+
+ +

Навыки

+
+
+

Проектирование

+

UX/UI, product design, информационная архитектура, адаптивный дизайн, дизайн-системы

+
+
+

Исследования

+

Интервью, опросы, usability testing, JTBD, карты эмпатии, конверсия, retention, NPS

+
+
+

Инструменты

+

Figma, Protopie, Sketch, Adobe Creative Suite, Tilda, AI-инструменты

+
+
+

Управление

+

Построение команды, Agile, Kanban, авторский надзор, работа со стейкхолдерами

+
+
+ +

О себе

+

+ В дизайне больше 10 лет, последние годы — продуктовый дизайн сложных B2B-продуктов. Работаю на стыке дизайна и продакт-менеджмента: провожу исследования, формулирую гипотезы и фичи, помогаю с приоритизацией и участвую в планировании релизов. +

+

+ Люблю разбираться в сложном и делать его понятным — поэтому мне комфортно в продуктах вроде IDE, оркестраторов и ML-панелей, где обычному дизайнеру скучно или страшно. +

+

+ Не жду, пока задачу сделает кто-то другой: пишу себе инструменты сам. Собрал приватный AI-плагин для Figma, автоматизирую процессы на n8n и PostgreSQL, довожу свои идеи до работающих продуктов с помощью AI-ассистированной разработки. Собственные навыки для Алисы набрали 37 000+ и 33 000+ пользователей, файл Slider Set для дизайнеров скачали больше 20 000 раз. +

+

+ Участвую в жизни сообщества: веду Telegram-канал «Дизайн не пицца», выкладываю полезности в Figma Community, выступал на митапе Яндекса с докладом по аналитике, побеждал на хакатонах — самая приятная победа на хакатоне Яндекс.Денег в Петербурге за приложение оплаты по QR-коду. +

+

+ Английский — B1. Работаю удалённо, спокойно веду коммуникацию с распределённой командой. +

+
+
+ + {{> footer}} + {{> cookie-notice}} + + + diff --git a/src/partials/fab-stack-resume.html b/src/partials/fab-stack-resume.html new file mode 100644 index 0000000..1f2eb21 --- /dev/null +++ b/src/partials/fab-stack-resume.html @@ -0,0 +1,11 @@ +
+ +
From e39c07f54476fa49ceca63d6f5a51694effaba1b Mon Sep 17 00:00:00 2001 From: Local Build Date: Thu, 13 Aug 2026 20:13:02 +0200 Subject: [PATCH 02/23] fix(resume): remove glass-neutral from PDF FAB to fix background override --- public/resume-5.html | 2 +- src/partials/fab-stack-resume.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/public/resume-5.html b/public/resume-5.html index 9bef34c..5038676 100644 --- a/public/resume-5.html +++ b/public/resume-5.html @@ -293,7 +293,7 @@
-
diff --git a/src/partials/fab-stack-resume.html b/src/partials/fab-stack-resume.html index bb185f5..cced77a 100644 --- a/src/partials/fab-stack-resume.html +++ b/src/partials/fab-stack-resume.html @@ -1,11 +1,6 @@
-
From c4066b35d06a067d0c8eeaf109c39f2898f42395 Mon Sep 17 00:00:00 2001 From: Local Build Date: Thu, 13 Aug 2026 20:17:31 +0200 Subject: [PATCH 04/23] debug: add console.log to trace PDF button click flow --- public/resume-5.html | 139 +++++++++++++++++----------------------- src/pages/resume-5.html | 139 +++++++++++++++++----------------------- 2 files changed, 118 insertions(+), 160 deletions(-) diff --git a/public/resume-5.html b/public/resume-5.html index 30ecc08..dcc9b30 100644 --- a/public/resume-5.html +++ b/public/resume-5.html @@ -948,105 +948,84 @@ diff --git a/src/pages/resume-5.html b/src/pages/resume-5.html index cdc3499..3512f5d 100644 --- a/src/pages/resume-5.html +++ b/src/pages/resume-5.html @@ -842,105 +842,84 @@ From f173efd3399dc054e01466bb97e43aad9b9b9a15 Mon Sep 17 00:00:00 2001 From: Local Build Date: Thu, 13 Aug 2026 20:18:17 +0200 Subject: [PATCH 05/23] feat(resume): add label text to PDF download button MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Button now shows icon + 'Скачать в PDF' text - Add fab--label modifier for auto-width with padding - Add fab-primary__label for text styling --- public/css/main.css | 13 +++++++++++++ public/resume-5.html | 3 ++- src/partials/fab-stack-resume.html | 3 ++- 3 files changed, 17 insertions(+), 2 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index 40aff6f..4a86ba8 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -960,6 +960,19 @@ a.fab--secondary:visited { -webkit-mask-image: url("../assets/shared/icons/cv.svg"); } +.fab--label { + width: auto; + padding: 0.65rem 1.1rem; + gap: 0.45rem; +} + +.fab-primary__label { + font-size: 0.85rem; + font-weight: 600; + line-height: 1; + white-space: nowrap; +} + .fab-primary__spinner { display: none; position: absolute; diff --git a/public/resume-5.html b/public/resume-5.html index dcc9b30..13f914d 100644 --- a/public/resume-5.html +++ b/public/resume-5.html @@ -293,8 +293,9 @@
-
diff --git a/src/partials/fab-stack-resume.html b/src/partials/fab-stack-resume.html index cced77a..8aee84c 100644 --- a/src/partials/fab-stack-resume.html +++ b/src/partials/fab-stack-resume.html @@ -1,6 +1,7 @@
-
From d7e717e2e7d2bf041f5b6d9c4ea9fb82f722899d Mon Sep 17 00:00:00 2001 From: Local Build Date: Thu, 13 Aug 2026 20:23:03 +0200 Subject: [PATCH 06/23] fix(resume): use design-system .btn component for PDF button - Use btn btn--primary btn--flat btn--resume (existing pattern) - btn__icon with cv.svg mask already defined in design system - Remove all custom fab--primary overrides - Keep only btn__spinner and loading state CSS --- public/css/main.css | 39 +++++++++--------------------- public/resume-5.html | 8 +++--- src/partials/fab-stack-resume.html | 8 +++--- 3 files changed, 19 insertions(+), 36 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index 4a86ba8..fc9ed7b 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -954,46 +954,29 @@ a.fab--secondary:visited { outline-offset: 2px; } -/* ── PDF download FAB icon ── */ -.fab-primary__ico--pdf { - mask-image: url("../assets/shared/icons/cv.svg"); - -webkit-mask-image: url("../assets/shared/icons/cv.svg"); -} - -.fab--label { - width: auto; - padding: 0.65rem 1.1rem; - gap: 0.45rem; -} - -.fab-primary__label { - font-size: 0.85rem; - font-weight: 600; - line-height: 1; - white-space: nowrap; -} - -.fab-primary__spinner { +/* ── PDF download button: loading state ── */ +.btn__spinner { display: none; - position: absolute; - width: 1.25rem; - height: 1.25rem; + width: 1rem; + height: 1rem; border: 2px solid color-mix(in hsl, var(--on-accent) 25%, transparent); border-top-color: var(--on-accent); border-radius: 50%; - animation: fab-primary-spin 0.6s linear infinite; - z-index: 3; + animation: btn-spin 0.6s linear infinite; + flex-shrink: 0; } -@keyframes fab-primary-spin { +@keyframes btn-spin { to { transform: rotate(360deg); } } -[data-resume-pdf-btn][data-loading="true"] .fab-primary__ico--pdf { +[data-resume-pdf-btn][data-loading="true"] .btn__icon { opacity: 0; + width: 0; + overflow: hidden; } -[data-resume-pdf-btn][data-loading="true"] .fab-primary__spinner { +[data-resume-pdf-btn][data-loading="true"] .btn__spinner { display: block; } diff --git a/public/resume-5.html b/public/resume-5.html index 13f914d..9868cf7 100644 --- a/public/resume-5.html +++ b/public/resume-5.html @@ -293,10 +293,10 @@
-
diff --git a/src/partials/fab-stack-resume.html b/src/partials/fab-stack-resume.html index 8aee84c..be3bca8 100644 --- a/src/partials/fab-stack-resume.html +++ b/src/partials/fab-stack-resume.html @@ -1,7 +1,7 @@
-
From e02291fffd3a88567a996dd3bd873a3e2d5dc7ee Mon Sep 17 00:00:00 2001 From: Local Build Date: Thu, 13 Aug 2026 20:27:13 +0200 Subject: [PATCH 07/23] fix(resume): use fab fab--primary pattern with text label - fab fab--primary fab--label (same base as contact FAB) - fab-primary__ico--pdf with cv.svg mask - fab__label for text - fab__spinner for loading state - fab--label overrides fixed width from fab--primary --- public/css/main.css | 30 ++++++++++++++++++++++++------ public/resume-5.html | 8 ++++---- src/partials/fab-stack-resume.html | 8 ++++---- 3 files changed, 32 insertions(+), 14 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index fc9ed7b..5faa16e 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -954,29 +954,47 @@ a.fab--secondary:visited { outline-offset: 2px; } -/* ── PDF download button: loading state ── */ -.btn__spinner { +/* ── PDF download FAB ── */ +.fab-primary__ico--pdf { + mask-image: url("../assets/shared/icons/cv.svg"); + -webkit-mask-image: url("../assets/shared/icons/cv.svg"); +} + +.fab--label { + width: auto; + padding: 0.65rem 1.1rem; + gap: 0.5rem; +} + +.fab__label { + font-size: 0.85rem; + font-weight: 600; + line-height: 1; + white-space: nowrap; +} + +.fab__spinner { display: none; width: 1rem; height: 1rem; border: 2px solid color-mix(in hsl, var(--on-accent) 25%, transparent); border-top-color: var(--on-accent); border-radius: 50%; - animation: btn-spin 0.6s linear infinite; + animation: fab-spin 0.6s linear infinite; flex-shrink: 0; } -@keyframes btn-spin { +@keyframes fab-spin { to { transform: rotate(360deg); } } -[data-resume-pdf-btn][data-loading="true"] .btn__icon { +[data-resume-pdf-btn][data-loading="true"] .fab-primary__ico--pdf { opacity: 0; width: 0; overflow: hidden; } -[data-resume-pdf-btn][data-loading="true"] .btn__spinner { +[data-resume-pdf-btn][data-loading="true"] .fab__spinner { display: block; } diff --git a/public/resume-5.html b/public/resume-5.html index 9868cf7..4516276 100644 --- a/public/resume-5.html +++ b/public/resume-5.html @@ -293,10 +293,10 @@
-
diff --git a/src/partials/fab-stack-resume.html b/src/partials/fab-stack-resume.html index be3bca8..41d1329 100644 --- a/src/partials/fab-stack-resume.html +++ b/src/partials/fab-stack-resume.html @@ -1,7 +1,7 @@
-
From 651e0e1c169a95125b6f5baf0e62893cd3a535ad Mon Sep 17 00:00:00 2001 From: Local Build Date: Thu, 13 Aug 2026 20:37:52 +0200 Subject: [PATCH 08/23] fix(resume): add fallback for --on-accent to fix text color --on-accent is set by deferred JS module, so var(--on-accent) is undefined on first paint. Added fallback hsl(0 0% 98%) to fab--label so text is white before JS defines the token. --- public/css/main.css | 1 + 1 file changed, 1 insertion(+) diff --git a/public/css/main.css b/public/css/main.css index 5faa16e..708a243 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -964,6 +964,7 @@ a.fab--secondary:visited { width: auto; padding: 0.65rem 1.1rem; gap: 0.5rem; + color: var(--on-accent, hsl(0 0% 98%)); } .fab__label { From f12199ef3b9f94b633fe847ebdb944241da2d94e Mon Sep 17 00:00:00 2001 From: Local Build Date: Thu, 13 Aug 2026 20:44:23 +0200 Subject: [PATCH 09/23] fix(resume): add --on-accent fallback to hover/focus-visible states --- public/css/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/public/css/main.css b/public/css/main.css index 708a243..ac6d1e6 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -967,6 +967,11 @@ a.fab--secondary:visited { color: var(--on-accent, hsl(0 0% 98%)); } +.fab--label:hover, +.fab--label:focus-visible { + color: var(--on-accent, hsl(0 0% 98%)); +} + .fab__label { font-size: 0.85rem; font-weight: 600; From 632e54ce4e3efb7f592c64661f76b8199bcffc38 Mon Sep 17 00:00:00 2001 From: Local Build Date: Thu, 13 Aug 2026 20:46:50 +0200 Subject: [PATCH 10/23] fix: compute --on-accent in inline head script for all pages --on-accent was only set by deferred theme-core.js module, causing all fab--primary and btn--primary elements to have wrong text/icon color on first paint. Now computed from HSL values in the synchronous theme-init-script partial, matching theme-core.js logic exactly. Remove hardcoded fallback from fab--label CSS. --- public/cases/ai-platform-primo-rpa-2.html | 298 +++-- public/cases/ai-platform-primo-rpa-v2.html | 1152 +++++++++++++++++ public/cases/ai-platform-primo-rpa.html | 296 +++-- public/cases/design-system.html | 28 +- public/cases/lunacy.html | 298 +++-- public/cases/manu-game-maker.html | 296 +++-- public/cases/mini-projects-showcase.html | 349 ++++- public/cases/mobile-clinic-app.html | 296 +++-- .../cases/obsidian-plugin-columns-view.html | 598 +++++---- public/cases/orc-automation-panel.html | 296 +++-- public/cases/task-distribution-concept.html | 296 +++-- public/cases/task-tracker.html | 296 +++-- public/cases/template-elements-demo.html | 296 +++-- public/css/main.css | 6 - public/index.html | 304 +++-- public/resume-5.html | 24 + src/partials/theme-init-script.html | 24 + 17 files changed, 3462 insertions(+), 1691 deletions(-) create mode 100644 public/cases/ai-platform-primo-rpa-v2.html diff --git a/public/cases/ai-platform-primo-rpa-2.html b/public/cases/ai-platform-primo-rpa-2.html index 418520c..d46d8b9 100644 --- a/public/cases/ai-platform-primo-rpa-2.html +++ b/public/cases/ai-platform-primo-rpa-2.html @@ -36,6 +36,30 @@ var L = Number(l); if (Number.isFinite(L)) d.style.setProperty("--theme-l", String(Math.min(70, Math.max(20, L)))); } + var hVal = h !== null ? h : 210; + var sVal = s !== null ? s : 90; + var lVal = l !== null ? Math.min(70, Math.max(20, Number(l))) : 40; + var H = (((hVal % 360) + 360) % 360) / 360; + var S = Math.min(100, Math.max(0, sVal)) / 100; + var Lv = Math.min(100, Math.max(0, lVal)) / 100; + var r, g, b; + if (S === 0) { r = g = b = Lv; } + else { + var q = Lv < 0.5 ? Lv * (1 + S) : Lv + S - Lv * S; + var p = 2 * Lv - q; + var hue2rgb = function(p, q, t) { + if (t < 0) t += 1; if (t > 1) t -= 1; + if (t < 1/6) return p + (q - p) * 6 * t; + if (t < 1/2) return q; + if (t < 2/3) return p + (q - p) * (2/3 - t) * 6; + return p; + }; + r = hue2rgb(p, q, H + 1/3); + g = hue2rgb(p, q, H); + b = hue2rgb(p, q, H - 1/3); + } + var lum = 0.2126 * r + 0.7152 * g + 0.0722 * b; + d.style.setProperty("--on-accent", lum > 0.58 ? "hsl(220 14% 12%)" : "hsl(0 0% 98%)"); var rad = t.radius; if (rad === "soft" || rad === "medium" || rad === "strong") { d.dataset.radius = rad; @@ -542,7 +566,7 @@

Дальнейшее развитие

- В дорожной карте оставались отдельные крупные куски: сценарии вокруг LLM (списки, статусы, действия), пошаговый мастер обучения с прогрессом и отменой, а также полноценный контур OCR с разметкой регионов и превью качества на странице. Они не входили в минимальный набор для первого промышленного релиза интерфейса, но заложенные паттерны должны их принять без ломки навигации. + В дорожной карте оставались отдельные крупные куски: сценарии вокруг LLM (списки, статусы, действия), пошаговый мастер обучения с прогрессом и отменой, а также полноценный контур OCR с разметкой регионов и превью качества на странице. Они не входили в минимальный набор для первого промышленного релиза интерфейса, но заложенные паттерны должны их принять без больших переделок.

@@ -577,140 +601,140 @@ -
-
-

Портфолио

-
    -
  1. - - -
    -

    Платформа для работы с AI

    -
      -
    • UX/UI
    • -
    • Web App
    • -
    -

    Интерфейс для обучения и использования AI‑моделей в бизнес‑процессах: работа с данными, сценариями автоматизации и Smart OCR.

    -
    -
    -
  2. -
  3. - - -
    -

    Графический редактор Lunacy

    -
      -
    • UX/UI
    • -
    • Desktop App
    • -
    -

    Работа над интерфейсом Lunacy в команде Icons8: user flow, сложные прототипы, улучшение функциональности и интерфейсной логики.

    -
    -
    -
  4. -
  5. - - -
    -

    Игровой движок MANU

    -
      -
    • Product Design
    • -
    • Desktop App
    • -
    -

    Редизайн и развитие интерфейса игрового движка: новая концепция работы, обновлённая визуальная система и проработка сотен сложных пользовательских сценариев.

    -
    -
    -
  6. -
  7. - - -
    -

    Мобильное приложение для сети клиник

    -
      -
    • UX/UI
    • -
    • Mobile App
    • -
    -

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

    -
    -
    -
  8. -
  9. - -
    -

    Веб-панель для оркестрации автоматизаций

    -
      -
    • UX/UI
    • -
    • Web App
    • -
    -

    Веб-кабинет оркестратора Primo RPA: проекты, запуск и контроль RPA-роботов. Редизайн ключевых экранов под продакшен без остановки релизов.

    -
    -
    -
  10. -
  11. - -
    -

    Концепт сервиса распределения задач

    -
      -
    • UX/UI
    • -
    • Analytics
    • -
    -

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

    -
    -
    -
  12. -
  13. - -
    -

    Таск-трекер для бек-офис системы

    -
      -
    • Product Design
    • -
    • Web App
    • -
    -

    Интерфейс для планирования и распределения задач в операционном отделе: общий пул, личный ToDo, обзор по исполнителям; вкладки, фильтры, доска / список / таблица, Drag&Drop.

    -
    -
    -
  14. -
-
+
+
+

Портфолио

+
    +
  1. + + +
    +

    Платформа для работы с AI

    +
      +
    • UX/UI
    • +
    • Web App
    • +
    +

    Интерфейс для обучения и использования AI‑моделей в бизнес‑процессах: работа с данными, сценариями автоматизации и Smart OCR.

    +
    +
    +
  2. +
  3. + + +
    +

    Графический редактор Lunacy

    +
      +
    • UX/UI
    • +
    • Desktop App
    • +
    +

    Работа над интерфейсом Lunacy в команде Icons8: user flow, сложные прототипы, улучшение функциональности и интерфейсной логики.

    +
    +
    +
  4. +
  5. + + +
    +

    Игровой движок MANU

    +
      +
    • Product Design
    • +
    • Desktop App
    • +
    +

    Редизайн и развитие интерфейса игрового движка: новая концепция работы, обновлённая визуальная система и проработка сотен сложных пользовательских сценариев.

    +
    +
    +
  6. +
  7. + + +
    +

    Мобильное приложение для сети клиник

    +
      +
    • UX/UI
    • +
    • Mobile App
    • +
    +

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

    +
    +
    +
  8. +
  9. + +
    +

    Веб-панель для оркестрации автоматизаций

    +
      +
    • UX/UI
    • +
    • Web App
    • +
    +

    Веб-кабинет оркестратора Primo RPA: проекты, запуск и контроль RPA-роботов. Редизайн ключевых экранов под продакшен без остановки релизов.

    +
    +
    +
  10. +
  11. + +
    +

    Концепт сервиса распределения задач

    +
      +
    • UX/UI
    • +
    • Analytics
    • +
    +

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

    +
    +
    +
  12. +
  13. + +
    +

    Таск-трекер для бек-офис системы

    +
      +
    • Product Design
    • +
    • Web App
    • +
    +

    Интерфейс для планирования и распределения задач в операционном отделе: общий пул, личный ToDo, обзор по исполнителям; вкладки, фильтры, доска / список / таблица, Drag&Drop.

    +
    +
    +
  14. +
+
-