Files
site-portfolio/public/resume/index.html
T
root 15bf0e3293 fix(glass): рябь -> плавные волны — низкочастотная карта смещений
- displacement.png: вместо per-pixel шума — крупные блобы (8px+20px октавы, гаусс), плавные градиенты
- scale снижен 28->14 (панели), 12->6 (кнопки) под крупные пятна
2026-09-24 15:30:00 +02:00

948 lines
62 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="ru" data-theme="dark" data-radius="medium">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<meta
name="description"
content="Резюме Николая Мамадаева — продуктовый дизайнер с опытом более 10 лет."
/>
<title>Резюме — Николай Мамадаев</title>
<script>
(function () {
var FONT_CSS = {
merriweather: "/assets/fonts/merriweather.css",
geologica: "/assets/fonts/geologica.css",
mono: "/assets/fonts/mono.css",
};
try {
var t = JSON.parse(localStorage.getItem("siteThemeV1") || "{}");
var d = document.documentElement;
var m = t.mode;
if (m !== "light" && m !== "dark" && m !== "system") m = "system";
var eff =
m === "system"
? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
? "dark"
: "light"
: m;
d.dataset.theme = eff;
var h = typeof t.h === "number" ? t.h : typeof t.hue === "number" ? t.hue : null;
var s = typeof t.s === "number" ? t.s : typeof t.sat === "number" ? t.sat : null;
var l = typeof t.l === "number" ? t.l : typeof t.light === "number" ? t.light : null;
if (h !== null) d.style.setProperty("--theme-h", String(h));
if (s !== null) d.style.setProperty("--theme-s", String(s));
if (l !== null) {
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;
} else {
d.dataset.radius = "medium";
}
var f = t.font;
if (f === "onest") f = "geologica";
if (f === "anonymous") f = "mono";
if (f !== "merriweather" && f !== "mono" && f !== "geologica") f = "merriweather";
d.dataset.font = f;
var mb = t.meshBg;
if (mb === "off") {
d.dataset.meshBg = "off";
} else {
d.dataset.meshBg = "on";
}
var href = FONT_CSS[f];
if (href && !document.querySelector('link[data-theme-font="' + f + '"]')) {
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = href;
link.setAttribute("data-theme-font", f);
document.head.appendChild(link);
}
} catch (e) {}
})();
</script>
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png" />
<link rel="manifest" href="/assets/favicon/site.webmanifest" />
<link rel="preload" href="/assets/fonts/merriweather.css" as="style" />
<link rel="preload" href="/css/main.css" as="style" />
<link rel="preload" href="/js/skill-connectors.js" as="script" />
<link rel="modulepreload" href="/js/main.js" />
<link rel="stylesheet" href="/css/main.css" />
<link rel="canonical" href="https://mamadaevv.site/resume/" />
<link rel="alternate" hreflang="ru" href="https://mamadaevv.site/resume/" />
<link rel="alternate" hreflang="en" href="https://mamadaevv.site/en/resume/" />
<link rel="alternate" hreflang="x-default" href="https://mamadaevv.site/resume/" />
<meta name="author" content="Николай Мамадаев" />
<meta name="robots" content="index, follow" />
<meta name="theme-color" content="#0f1115" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Николай Мамадаев — продуктовый дизайнер" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:title" content="Резюме — Николай Мамадаев" />
<meta property="og:description" content="Резюме Николая Мамадаева — продуктовый дизайнер с опытом более 10 лет." />
<meta property="og:url" content="https://mamadaevv.site/resume/" />
<meta property="og:image" content="https://mamadaevv.site/assets/og/og-default.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Резюме — Николай Мамадаев" />
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Резюме — Николай Мамадаев" />
<meta name="twitter:description" content="Резюме Николая Мамадаева — продуктовый дизайнер с опытом более 10 лет." />
<meta name="twitter:image" content="https://mamadaevv.site/assets/og/og-default.png" />
<meta name="twitter:image:alt" content="Резюме — Николай Мамадаев" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Person",
"@id": "https://mamadaevv.site/#person",
"name": "Николай Мамадаев",
"url": "https://mamadaevv.site",
"jobTitle": "Продуктовый дизайнер",
"description": "Продуктовый дизайнер с опытом более 10 лет. Проектирую цифровые продукты, интерфейсы и дизайн-системы.",
"knowsAbout": [
"UX/UI-дизайн",
"продуктовый дизайн",
"дизайн-системы",
"прототипирование",
"Figma",
"no-code"
],
"sameAs": [
"https://t.me/mamadaevv",
"https://vk.com/mamadaevv",
"https://github.com/mamadaevv"
]
},
{
"@type": "WebSite",
"@id": "https://mamadaevv.site/#website",
"url": "https://mamadaevv.site/",
"name": "Николай Мамадаев — продуктовый дизайнер",
"inLanguage": "ru",
"author": {
"@id": "https://mamadaevv.site/#person"
},
"publisher": {
"@id": "https://mamadaevv.site/#person"
}
},
{
"@type": "WebPage",
"@id": "https://mamadaevv.site/resume/#page",
"url": "https://mamadaevv.site/resume/",
"name": "Резюме — Николай Мамадаев",
"description": "Резюме Николая Мамадаева — продуктовый дизайнер с опытом более 10 лет.",
"isPartOf": {
"@id": "https://mamadaevv.site/#website"
},
"author": {
"@id": "https://mamadaevv.site/#person"
},
"inLanguage": "ru"
},
{
"@type": "BreadcrumbList",
"@id": "https://mamadaevv.site/resume/#breadcrumbs",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Николай Мамадаев — продуктовый дизайнер",
"item": "https://mamadaevv.site/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Резюме — Николай Мамадаев",
"item": "https://mamadaevv.site/resume/"
}
]
}
]
}
</script>
<script src="/js/skill-connectors.js" defer></script>
<script type="module" src="/js/main.js"></script>
</head>
<body>
<svg class="liquid-glass-defs" aria-hidden="true" width="0" height="0" focusable="false" style="position:absolute;width:0;height:0;overflow:hidden;pointer-events:none">
<filter id="liquid-glass-displacement" x="-20%" y="-20%" width="140%" height="140%" color-interpolation-filters="sRGB">
<feImage href="../assets/liquid-glass/displacement.png" xlink:href="../assets/liquid-glass/displacement.png" preserveAspectRatio="none" result="lgMap"/>
<feDisplacementMap in="SourceGraphic" in2="lgMap" scale="14" xChannelSelector="R" yChannelSelector="G"/>
</filter>
<filter id="liquid-glass-displacement-btn" x="-20%" y="-20%" width="140%" height="140%" color-interpolation-filters="sRGB">
<feImage href="../assets/liquid-glass/displacement.png" xlink:href="../assets/liquid-glass/displacement.png" preserveAspectRatio="none" result="lgMapBtn"/>
<feDisplacementMap in="SourceGraphic" in2="lgMapBtn" scale="6" xChannelSelector="R" yChannelSelector="G"/>
</filter>
</svg>
<a class="skip-link" href="#main">К основному содержимому</a>
<header class="header" data-theme-picker>
<div class="header__inner">
<a class="logo" href="../" aria-label="На главную">НМ</a>
<div class="header__cluster">
<nav class="nav" aria-label="Разделы страницы">
<a href="../">На главную</a>
</nav>
</div>
</div>
</header>
<div class="fab-stack" aria-label="Быстрые действия">
<div class="theme-panel-fab-wrap">
<button type="button" class="fab fab--secondary glass-neutral" data-resume-print-btn aria-label="Печать резюме">
<span class="fab-secondary__ico fab-secondary__ico--print" aria-hidden="true"></span>
</button>
</div>
<a href="/assets/resume/Mamadaev_Nik__CV__Product_Designer_UX-UI.pdf" download="Mamadaev_Nik__CV__Product_Designer_UX-UI.pdf" class="fab fab--primary fab--label" aria-label="Скачать резюме в PDF">
<span class="fab-primary__ico fab-primary__ico--pdf" aria-hidden="true"></span>
<span class="fab__label">Скачать в PDF</span>
</a>
</div>
<div class="content-edit-fab-stack" aria-label="Правки контента" data-content-edit-ui>
<button
type="button"
class="fab fab--secondary glass-neutral content-edit-fab"
data-content-edit-mode-toggle
hidden
aria-pressed="false"
aria-label="Режим правок контента"
title="Режим правок"
>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path
d="M4 20h4l10.5-10.5a2.12 2.12 0 0 0 0-3L16.5 4.5a2.12 2.12 0 0 0-3 0L3 15v5z"
stroke="currentColor"
stroke-width="1.75"
stroke-linejoin="round"
/>
</svg>
<span class="content-edit-fab__badge" hidden aria-hidden="true">0</span>
</button>
</div>
<main id="main" class="section section--surface section--tight">
<article class="section__inner resume-doc">
<div class="resume-doc__head">
<header class="resume-header">
<img class="resume-photo" src="../assets/index/resume-photo.webp" alt="Николай Мамадаев" width="819" height="1024" />
<div>
<p class="hero__eyebrow">Резюме</p>
<h1 class="case-page__h1">Николай Мамадаев</h1>
<p class="section__prose resume-roles">Senior UX/UI Designer<br />
Product Designer<br />
AI Designer</p>
</div>
</header>
<dl class="resume-meta">
<div>
<dt>Портфолио</dt>
<dd><a href="https://mamadaevv.site" target="_blank" rel="noopener">mamadaevv.site</a></dd>
</div>
<div>
<dt>Зарплата</dt>
<dd>от 250 000 ₽</dd>
</div>
<div>
<dt>Формат работы</dt>
<dd>удалённо, гибрид</dd>
</div>
<div>
<dt>Почта</dt>
<dd><a href="mailto:nik@mamadaevv.site">nik@mamadaevv.site</a></dd>
</div>
<div>
<dt>Соц.сети</dt>
<dd><a href="https://t.me/mamadaevv" target="_blank" rel="noopener noreferrer">@mamadaevv</a></dd>
</div>
<div>
<dt>Знание языков</dt>
<dd>Английский (B2)</dd>
</div>
</dl>
</div>
<section id="about" class="resume-section" aria-labelledby="about-title">
<h2 id="about-title" class="resume-section__title">О себе</h2>
<p class="section__prose resume-about">
Специализируюсь на SaaS-продуктах и desktop-приложениях. Проектирую понятные, масштабируемые и эффективные интерфейсы для сложных рабочих процессов — чтобы пользователи быстрее решали свои задачи, а продукт становился удобнее и полезнее.
</p>
<p class="section__prose resume-about">
Работаю на всех этапах продуктового дизайна: изучаю потребности пользователей, формирую информационную архитектуру, проектирую пользовательские сценарии, создаю интерактивные прототипы используя вайбкоддинг и масштабируемые дизайн-системы в связке Figma + Storybook.
</p>
<p class="section__prose resume-about">
Участвую в жизни сообщества: веду Telegram-канал «Дизайн не пицца», выкладываю полезности в Figma Community, выступал на митапе Яндекса с докладом про аналитику голосовых навыков и на бизнес-форуме с рассказом про инструменты дизайнера. Неоднократно побеждал на хакатонах.
</p>
</section>
<section id="experience" class="resume-section" aria-labelledby="experience-title">
<h2 id="experience-title" class="resume-section__title">Опыт работы</h2>
<ol class="resume-exp-list">
<li class="resume-exp">
<div class="resume-exp__header">
<h3 class="resume-exp__company">Astratech</h3>
<p class="resume-exp__meta-row"><span><time datetime="2026-01">Январь 2026</time> — Настоящее время</span></p>
</div>
<p class="resume-exp__desc">Разработка и поддержка цифровых систем и инструментов для повышения эффективности сотрудников.</p>
<div class="resume-exp__section">
<div class="resume-exp__cols">
<div>
<h4 class="resume-exp__label">Обязанности</h4>
<ul>
<li>Создание готовых к продакшену интерфейсов</li>
<li>Разбор идей и концепций и трансформация их в дизайнерские задачи</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Достижения</h4>
<ul>
<li>Реализовал настроенную среду доставки интерфейсов до продакшена</li>
<li>Провёл более 15 тестов гипотез на рабочих прототипах без привлечения отдела разработки</li>
<li>Ускорил процесс обработки результатов пользовательского тестирования за счёт применения AI инструментов (суммаризация, классификация, трансрибация)</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Стэк</h4>
<ul>
<li>Figma</li>
<li>HTML/CSS/JS</li>
<li>AI/LLM</li>
<li>GitHub</li>
<li>Gitea</li>
<li>Coolify</li>
<li>CI/CD</li>
<li>Hermes Agent</li>
<li>Zed IDE</li>
</ul>
</div>
</div>
</div>
</li>
<li class="resume-exp">
<div class="resume-exp__header">
<h3 class="resume-exp__company">Primo RPA</h3>
<p class="resume-exp__meta-row"><span><time datetime="2023-02">Февраль 2023</time> — <time datetime="2025-11">Ноябрь 2025</time> (2 года и 10 месяцев)</span><span class="resume-exp__sep">·</span><a href="https://primo-rpa.com/" target="_blank" rel="noopener noreferrer">primo-rpa.com</a></p>
</div>
<p class="resume-exp__desc">Российская B2B RPA-платформа корпоративного уровня: линейка из desktop-среды разработки роботов и веб-сервисов управления, аналитики и ML.<br />
Работал ведущим дизайнером на всю продуктовую линейку из 6 продуктов.</p>
<div class="resume-exp__section">
<h4 class="resume-exp__section-title">AI Server platform (SaaS)</h4>
<p class="resume-exp__desc">Панель управления для обучения/запуска/тестирования и других операций с нейросетями, развёрнутыми внутри контура компании.</p>
<div class="resume-exp__cols">
<div>
<h5 class="resume-exp__label">Обязанности</h5>
<ul>
<li>Спроектировать web интерфейс панели управления локальных LLM. Реализовать возможность выполнения сценариев: создание датасетов, обучение узконаправленных моделей, быстрое тестирование и администрирование развёртыванием на локальной инфраструктуре клиента.</li>
<li>Улучшить способ конфигурирования работы Smart OCR для более точного извлечения данных из документов различного типа</li>
<li>Работа с состояниями долгих процессов: обучение модели, прогресс, ошибки, откат</li>
<li>Подготовка интерактивных прототипов и авторский надзор за реализацией</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Достижения</h5>
<ul>
<li>Создал интуитивный интерфейс для работы со сложной настройкой LLM моделей. Таким образом существенно снизил порог входа для пользователей без глубокой экспертизы в работе нейросетей.</li>
<li>Сократил время настройки с 3-5 дней до 2 часов по результатам общения с пользователями</li>
<li>Спроектировал интерфейс разметки документов, который снял 60% обращений в поддержку по этой теме</li>
<li>Провёл 8 юзабилити-сессий, по итогам переработал ключевой сценарий обучения модели</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Стэк</h5>
<ul>
<li>Figma</li>
<li>React</li>
<li>Ant Design</li>
<li>Hope UI</li>
<li>LLM core</li>
<li>Smart OCR</li>
</ul>
</div>
</div>
</div>
<div class="resume-exp__divider" aria-hidden="true"></div>
<div class="resume-exp__section">
<h4 class="resume-exp__section-title">Robot automation studio (Windows)</h4>
<p class="resume-exp__desc">Среда для разработки и отладки роботов для автоматизации бизнес-процессов.</p>
<div class="resume-exp__cols">
<div>
<h5 class="resume-exp__label">Обязанности</h5>
<ul>
<li>Проектирование интерфейса профессиональной desktop-IDE: рабочая область, панели инструментов, дерево процесса, отладчик</li>
<li>Развитие библиотеки компонентов и визуального языка продукта</li>
<li>Проработка сценариев отладки: точки останова, пошаговое выполнение, просмотр переменных</li>
<li>Проектирование работы с большими деревьями активностей и вложенностью</li>
<li>Работа в паре с разработкой по реализации компонентов, авторский надзор</li>
<li>Ведение регулярных дизайн-ревью внутри команды</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Достижения</h5>
<ul>
<li>Обновил визуальный язык продукта до уровня Windows 11 — компоненты стали на поколение современнее</li>
<li>Переработал 10-ки экранов и модальных окон, приведя их к единой дизайн-системе основанной на токенах.</li>
<li>Собрал библиотеку из более чем 50-ти компонентов, которые можно переиспользовать и проектировать сценарии нового функционала с сохранением заложенных паттернов поведения</li>
<li>Перерисовал все старые растровые иконки в новые векторные. Таким образом появилась библиотека уникальных иконок количеством более 300 штук. Идеально отображаются на любом масштабе UI и DPI</li>
<li>Сократил время сборки нового экрана командой с 2 дней до 4 часов за счёт готовых компонентов</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Стэк</h5>
<ul>
<li>Desktop IDE</li>
<li>Windows 10/11</li>
<li>Figma</li>
<li>AI инструменты</li>
<li>DevExpress UI</li>
<li>Handy Controls</li>
</ul>
</div>
</div>
</div>
<div class="resume-exp__divider" aria-hidden="true"></div>
<div class="resume-exp__section">
<h4 class="resume-exp__section-title">Robot automation studio (Linux)</h4>
<p class="resume-exp__desc">Среда для разработки и отладки роботов для автоматизации бизнес-процессов.</p>
<div class="resume-exp__cols">
<div>
<h5 class="resume-exp__label">Обязанности</h5>
<ul>
<li>Разработка интерфейса IDE для платформы Linux с учётом выбранного функционала на основе реализованной версии под Windows</li>
<li>Проектирование компонентов с учётом технических ограничений фреймворка Avalonia Suki UI</li>
<li>Подготовка спецификаций поведения компонентов для реализации</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Достижения</h5>
<ul>
<li>Собрал библиотеку компонентов основанную на библиотеке Suki UI из которых можно быстро собирать интерфейс в Figma и передавать разработчикам</li>
<li>Разработал стиль программы, которая соответствует международному уровню, что положительно скажется при экспансии зарубежных рынков</li>
<li>Передал дизайн-инструкции по сборке экранов разработчикам, чтобы они могли самостоятельно собирать интерфейс под новые функции и выпускать релизы согласно роадмэп</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Стэк</h5>
<ul>
<li>Avalonia</li>
<li>Suki UI</li>
<li>Figma</li>
<li>AI инструменты</li>
<li>Cursor IDE</li>
<li>MobaXterm RDP</li>
<li>Linux</li>
</ul>
</div>
</div>
</div>
<div class="resume-exp__divider" aria-hidden="true"></div>
<div class="resume-exp__section">
<h4 class="resume-exp__section-title">Idea Hub Dashboard (SaaS)</h4>
<p class="resume-exp__desc">Обеспечивает сбор и анализ предложений сотрудников, оценка эффективности и мониторинг статуса реализации автоматизаций. Аналитика по ключевым показателям эффективности и верхнеуровневый взгляд на роботизацию.</p>
<div class="resume-exp__cols">
<div>
<h5 class="resume-exp__label">Обязанности</h5>
<ul>
<li>Проектирование дашбордов и аналитических представлений по KPI роботизации</li>
<li>Проработка жизненного цикла идеи: подача → оценка → приоритизация → реализация → замер эффекта</li>
<li>Информационная архитектура раздела, работа с плотными таблицами, фильтрами и массовыми операциями</li>
<li>Проектирование ролевой модели: сотрудник, аналитик, руководитель</li>
<li>Подбор типов визуализации данных под конкретные управленческие вопросы</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Достижения</h5>
<ul>
<li>Свёл верхнеуровневую аналитику и работу с конкретной идеей в один непрерывный сценарий без переключения между разделами</li>
<li>Спроектировал представление данных так, что руководитель видит эффект от роботизации без ручных выгрузок в Excel</li>
<li>Сократил путь от подачи идеи до её оценки с 6 шагов до 3</li>
<li>Спроектировал 12 виджетов аналитики, покрывающих основные вопросы заказчиков о ROI роботизации</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Стэк</h5>
<ul>
<li>Figma</li>
</ul>
</div>
</div>
</div>
<div class="resume-exp__divider" aria-hidden="true"></div>
<div class="resume-exp__section">
<h4 class="resume-exp__section-title">Orchestrator Automation Management Tool (SaaS)</h4>
<p class="resume-exp__desc">Обеспечивает слаженную работу системы и управление сотнями роботов: запуски, мониторинг и менеджмент.</p>
<div class="resume-exp__cols">
<div>
<h5 class="resume-exp__label">Обязанности</h5>
<ul>
<li>Проектирование интерфейса управления парком из сотен роботов: расписания, очереди, приоритеты, мониторинг</li>
<li>Проработка состояний и обработки ошибок при массовых запусках</li>
<li>Проектирование системы уведомлений и алертов о сбоях</li>
<li>Работа со сложными таблицами: сортировка, фильтрация, массовые действия, сохранённые представления</li>
<li>Прототипирование сложных сценариев для валидации до начала разработки</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Достижения</h5>
<ul>
<li>Спроектировал управление сотнями объектов так, что оператор не теряется в масштабе: от общей картины до конкретного робота за 2 клика</li>
<li>Привёл сервис к единой дизайн-системе вместе с остальными веб-продуктами линейки</li>
<li>Сократил время реакции оператора на сбой робота с 12 до 4 минут за счёт переработанной системы алертов</li>
<li>Свёл 5 разных представлений списка роботов к одному настраиваемому</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Стэк</h5>
<ul>
<li>Figma</li>
<li>Ant Design</li>
<li>Storybook</li>
<li>AI инструменты</li>
</ul>
</div>
</div>
</div>
<div class="resume-exp__divider" aria-hidden="true"></div>
<div class="resume-exp__section">
<h4 class="resume-exp__section-title">QnA portal (WEB)</h4>
<p class="resume-exp__desc">Площадка для постинга вопросов и получения ответов от службы поддержки</p>
<div class="resume-exp__cols">
<div>
<h5 class="resume-exp__label">Обязанности</h5>
<ul>
<li>Проектирование сценариев публикации вопроса, ответа и поиска по накопленной базе знаний</li>
<li>Дизайн интерфейса портала в условиях ограничения используемого PHP движка для QnA типа сайта.</li>
<li>Проработка ролевой модели: пользователь, эксперт, служба поддержки, модератор</li>
<li>Проектирование механики поиска и подсказок похожих вопросов при публикации</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Достижения</h5>
<ul>
<li>Запустил портал на готовых компонентах дизайн-системы за 3 недели вместо запланированных 8</li>
<li>Снизил нагрузку на поддержку примерно на 25% за счёт переиспользования уже данных ответов</li>
<li>Механика подсказок похожих вопросов сократила количество дублей на 45%</li>
<li>Обеспечил визуальную преемственность с продуктами линейки — портал не выглядит сторонним сервисом</li>
</ul>
</div>
<div>
<h5 class="resume-exp__label">Стэк</h5>
<ul>
<li>PHP QnA Engine</li>
<li>Figma</li>
<li>Дизайн-система</li>
</ul>
</div>
</div>
</div>
<div class="resume-exp__divider" aria-hidden="true"></div>
<div class="resume-exp__section">
<h4 class="resume-exp__section-title">Общее по компании</h4>
<ul>
<li>Собрал и внедрил единую дизайн-систему для веб-сервисов, соединив фирменный стиль компании с новой структурой интерфейсов</li>
<li>Сократил среднее время подготовки макетов по линейке на 35%</li>
<li>Создавал и поддерживал UI-kit для консистентности и ускорения разработки</li>
<li>Провёл более 20 пользовательских исследований и юзабилити-сессий за время работы</li>
<li>Вёл авторский надзор за реализацией, участвовал в дизайн-ревью, продуктовых обсуждениях и планировании релизов</li>
<li>Нанял 4 дизайнеров интерфейсов для разных проектов компании</li>
<li>Провел больше 30 собеседований, в том числе внедрил формат WhiteBoard Interview</li>
<li>Разрабатывал тестовые задания с учётом потребностей конкретной должности и задач</li>
<li>Внедрил внутреннюю систему видеозвонков на основе Jitsi во внутреннем контуре компании совместно с отделом технической поддержки компании</li>
</ul>
</div>
</li>
<li class="resume-exp">
<div class="resume-exp__header">
<h3 class="resume-exp__company">Lunacy (Icons8)</h3>
<p class="resume-exp__meta-row"><span><time datetime="2022-07">Июль 2022</time> — <time datetime="2023-01">Январь 2023</time> (7 месяцев)</span><span class="resume-exp__sep">·</span><a href="https://icons8.com/lunacy" target="_blank" rel="noopener noreferrer">icons8.com/lunacy</a></p>
</div>
<p class="resume-exp__desc">Графический редактор для работы над дизайном интерфейсов и прочих макетов. Аналог Sketch App и Figma.</p>
<div class="resume-exp__section">
<div class="resume-exp__cols">
<div>
<h4 class="resume-exp__label">Обязанности</h4>
<ul>
<li>Проектирование интерфейса графического редактора: инструменты, панели свойств, работа с холстом и слоями</li>
<li>Оформление решений в виде юзерфлоу и передача разработчикам</li>
<li>Создание сложных интерактивных прототипов в Protopie для демонстрации поведения инструментов</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Достижения</h4>
<ul>
<li>Спроектировал 6 функциональных блоков редактора, включая работу с компонентами и стилями</li>
<li>Собрал прототип нового функционала в Protopie для редактирования многослойной реалистичной тени от объекта со сложной логикой поведения, практически не отличимый от решения в продакшене. Не считая мелких простых прототипов.</li>
<li>Провалидировал 3 гипотезы относительно улучшений работы редактора на реальных пользователях. 1 ушла в релиз.</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Стэк</h4>
<ul>
<li>Protopie</li>
<li>Figma</li>
<li>Дизайн-система</li>
<li>Avalonia Custom UI</li>
<li>Windows</li>
<li>Linux</li>
<li>macOS</li>
</ul>
</div>
</div>
</div>
</li>
<li class="resume-exp">
<div class="resume-exp__header">
<h3 class="resume-exp__company">MANU Video Game Maker</h3>
<p class="resume-exp__meta-row"><span><time datetime="2019-01">Январь 2019</time> — <time datetime="2021-12">Декабрь 2021</time> (3 года)</span><span class="resume-exp__sep">·</span><a href="https://manu.co/" target="_blank" rel="noopener noreferrer">manu.co</a></p>
</div>
<p class="resume-exp__desc">Игровой движок для создания видеоигр без написания кода.</p>
<div class="resume-exp__section">
<div class="resume-exp__cols">
<div>
<h4 class="resume-exp__label">Обязанности</h4>
<ul>
<li>Продуктовый дизайн движка целиком: от концепции взаимодействия до конечного UI</li>
<li>Проектирование поведения интерфейса для сложных пользовательских сценариев</li>
<li>Исследования пользователей: наблюдение, глубинные интервью, опросы</li>
<li>Составление портретов потенциальных пользователей и карт эмпатии</li>
<li>Работа с продуктовой аналитикой и метриками, завязанными на пользовательские сценарии</li>
<li>Вёрстка главной страницы сайта на Tilda, проектирование информационной архитектуры сайта вместе с командой</li>
<li>Контроль работы веб-графического дизайнера</li>
<li>Найм в продуктовый отдел: проведение собеседований и отбор специалистов</li>
<li>Руководство отделом, построение рабочих процессов всей продуктовой команды</li>
<li>Кураторство работ по созданию пользовательской документации</li>
<li>Внедрение инструментов автоматизации (Integromat, Zapier) для внутренних задач</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Достижения</h4>
<ul>
<li>Провёл масштабный редизайн всей программы: заложил принципиально новую концепцию работы и стилистику</li>
<li>Спроектировал поведение интерфейса для 100+ сложных пользовательских сценариев</li>
<li>Спроектировал дизайн-систему продукта с нуля: 120 компонентов</li>
<li>Получили массу положительных, местами восторженных отзывов пользователей — в продукте стало значительно легче ориентироваться</li>
<li>Завершаемость онбординга выросла с 34% до 58% после редизайна</li>
<li>Провёл 25 глубинных интервью и 4 волны опросов, на их основе переработал 3 ключевых сценария</li>
<li>Нанял 4 специалистов в продуктовый отдел и вырос из дизайнера в тимлида команды</li>
<li>Выстроил процессы отдела: дизайн-ревью, работа с бэклогом, передача в разработку</li>
<li>Автоматизировал внутренние рутины команды, освободив время на продуктовые задачи</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Стэк</h4>
<ul>
<li>Zapier</li>
<li>Figma</li>
<li>Miro</li>
<li>Mailchimp</li>
<li>Windows</li>
<li>Notion</li>
<li>Airtable</li>
</ul>
</div>
</div>
</div>
</li>
<li class="resume-exp">
<div class="resume-exp__header">
<h3 class="resume-exp__company">Aegees Messenger</h3>
<p class="resume-exp__meta-row"><span><time datetime="2017-10">Октябрь 2017</time> — <time datetime="2018-12">Декабрь 2018</time> (1 год и 3 месяца)</span><span class="resume-exp__sep">·</span><a href="https://aegees.com/" target="_blank" rel="noopener noreferrer">aegees.com</a></p>
</div>
<p class="resume-exp__desc">Кроссплатформенный мессенджер с защищенным хранилищем и аудиозвонками.</p>
<div class="resume-exp__section">
<div class="resume-exp__cols">
<div>
<h4 class="resume-exp__label">Обязанности</h4>
<ul>
<li>Дизайн мессенджера сразу под пять платформ: Android, iOS, macOS, Windows, Linux</li>
<li>Проработка сценариев защищённого хранилища и аудиозвонков</li>
<li>Проектирование сценариев регистрации, шифрования и восстановления доступа</li>
<li>Адаптация единой продуктовой логики под гайдлайны каждой платформы</li>
<li>Контроль работы зарубежных иллюстраторов по подготовке графических материалов</li>
<li>Подготовка материалов для магазинов приложений</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Достижения</h4>
<ul>
<li>Выстроил единый визуальный язык продукта при соблюдении гайдлайнов пяти платформ одновременно</li>
<li>Спроектировал более 90 экранов в пяти платформенных вариантах</li>
<li>Обеспечил стабильный поток графических материалов от внешних подрядчиков без потери стилистики</li>
<li>Упростил сценарий защищённого хранилища так, чтобы им пользовались люди без технической подготовки</li>
<li>Работал в чувствительной области приватности и безопасности, где ошибка в интерфейсе стоит доверия пользователя</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Стэк</h4>
<ul>
<li>Android</li>
<li>iOS</li>
<li>macOS</li>
<li>Windows</li>
<li>Linux</li>
</ul>
</div>
</div>
</div>
</li>
<li class="resume-exp">
<div class="resume-exp__header">
<h3 class="resume-exp__company">Orion Innovation (ex MERA)</h3>
<p class="resume-exp__meta-row"><span><time datetime="2016-07">Июль 2016</time> — <time datetime="2017-10">Октябрь 2017</time> (1 год и 4 месяца)</span><span class="resume-exp__sep">·</span><a href="https://www.orioninnovation.com/" target="_blank" rel="noopener noreferrer">orioninnovation.com</a></p>
</div>
<p class="resume-exp__desc">Разработка ПО для внешних заказчиков.</p>
<div class="resume-exp__section">
<div class="resume-exp__cols">
<div>
<h4 class="resume-exp__label">Обязанности</h4>
<ul>
<li>Работа в дизайн-отделе численностью до 8 человек</li>
<li>Создание анкет персон и составление карты функциональности продукта в соответствии с потребностями персон</li>
<li>Вайрфреймы и отрисовка конечного UI интерфейсов</li>
<li>Подготовка мудбордов и дизайн-концепций, обсуждение их с клиентами</li>
<li>Линковка мокапов в прототипы, написание сценариев и проведение качественных юзабилити-тестирований</li>
<li>Участие в дизайн-ревью: разбор работ коллег и защита собственных решений</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Достижения</h4>
<ul>
<li>Провёл 10 сессий юзабилити-тестирования от написания сценария до внесения правок</li>
<li>Освоил новую для себя платформу Smart TV и довёл проект до успешной публикации в магазине приложений</li>
<li>Провёл исследования и реверс-инжиниринг дизайна приложений для платформы Roku TV и создал рабочий процесс разработки дизайна приложения заказчика, включающий: формирование идеи, разработку кликабельных прототипов, тестирование юзабилити на рабочем устройстве, контроль дизайна в приложении, разработанном нашими разработчиками</li>
<li>Вёл коммуникацию с зарубежными заказчиками напрямую, без посредников</li>
<li>Активно участвовал в улучшении рабочего процесса дизайн-отдела компании</li>
<li>Внедрил в команду использование Miro (ex. Realtime Board) для хранения артефактов исследований</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Стэк</h4>
<ul>
<li>Sketch</li>
<li>Miro</li>
<li>Android</li>
<li>iOS</li>
<li>ROKU TV Box</li>
<li>Smart TV</li>
<li>Marvel App</li>
<li>ProtoPie</li>
<li>Framer</li>
</ul>
</div>
</div>
</div>
</li>
<li class="resume-exp">
<div class="resume-exp__header">
<h3 class="resume-exp__company">SpaceshipApps Studio</h3>
<p class="resume-exp__meta-row"><span><time datetime="2015-06">Июнь 2015</time> — <time datetime="2016-06">Июнь 2016</time> (1 год и 1 месяц)</span><span class="resume-exp__sep">·</span><a href="https://spaceshipapps.ru/" target="_blank" rel="noopener noreferrer">spaceshipapps.ru</a></p>
</div>
<p class="resume-exp__desc">Студия разработки мобильных приложений и сайтов.</p>
<div class="resume-exp__section">
<div class="resume-exp__cols">
<div>
<h4 class="resume-exp__label">Обязанности</h4>
<ul>
<li>Дизайн мобильных и веб-продуктов в потоковом режиме студии</li>
<li>Работа с разными доменами: соцгейминг, бьюти-услуги, доставка еды, голосовые интерфейсы, легал-сервисы, коллаборативные инструменты</li>
<li>Адаптивный веб-дизайн и дизайн административных панелей</li>
<li>Отрисовка иконок и подготовка графики для проектов</li>
<li>Подготовка макетов к передаче в разработку</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Достижения</h4>
<ul>
<li>Выпустил 6 продуктов за год: геолокационная социальная игра с квестами в реальном мире, приложение записи к бьюти-специалистам, сервис доставки еды, голосовая игра со словами, сайт и админка сервиса регистрации авторского права, мобильная «белая доска» для совместной работы</li>
<li>Научился быстро входить в новую предметную область и держать качество при высоком темпе студии</li>
<li>Закрыл весь спектр задач: мобайл, веб, админ-панели, графика</li>
<li>Заложил базу для перехода от исполнительского дизайна к продуктовому</li>
</ul>
</div>
<div>
<h4 class="resume-exp__label">Стэк</h4>
<ul>
<li>Мобайл</li>
<li>Веб</li>
<li>Adobe Photoshop</li>
<li>After Effects</li>
<li>Adobe Illustrator</li>
</ul>
</div>
</div>
</div>
</li>
</ol>
</section>
<section id="skills" class="resume-section" aria-labelledby="skills-title">
<h2 id="skills-title" class="resume-section__title">Навыки</h2>
<dl class="resume-skills">
<div class="resume-skill">
<dt class="resume-skill__title">Проектирование</dt>
<dd class="resume-skill__desc">UX/UI, product design, информационная архитектура, адаптивный дизайн, дизайн-системы</dd>
</div>
<div class="resume-skill">
<dt class="resume-skill__title">Исследования</dt>
<dd class="resume-skill__desc">Интервью, опросы, usability testing, JTBD, карты эмпатии, конверсия, retention, NPS</dd>
</div>
<div class="resume-skill">
<dt class="resume-skill__title">Управление</dt>
<dd class="resume-skill__desc">Построение команды, Agile, Kanban, авторский надзор, работа со стейкхолдерами</dd>
</div>
<div class="resume-skill">
<dt class="resume-skill__title">Инструменты</dt>
<dd class="resume-skill__desc">Figma, Protopie, Sketch, Adobe Creative Suite, Storybook</dd>
</div>
<div class="resume-skill">
<dt class="resume-skill__title">AI инструменты</dt>
<dd class="resume-skill__desc">Hermes Agent, Perplexity, Cursor IDE, Zed IDE, Open Design, Codex, Claude Code</dd>
</div>
</dl>
</section>
</article>
</main>
<footer class="footer">
<div class="footer__inner">
<span class="footer__chunk footer__chunk--date">© 2015–2026<span class="footer__sep" aria-hidden="true"> · </span></span>
<span class="footer__chunk footer__chunk--main">Дизайн и разработка сайта — Николай Мамадаев</span>
<span class="footer__chunk footer__chunk--meta footer__attr"><span class="footer__sep" aria-hidden="true"> · </span><a href="../cases/design-system/">Design System</a><span class="footer__sep" aria-hidden="true"> · </span><a href="../cookie-policy/">Политика cookie</a></span>
<span class="footer__chunk footer__chunk--lang"><span class="footer__sep" aria-hidden="true"> · </span><nav class="lang-switch" aria-label="Выбор языка" data-lang-switch>
<a class="lang-switch__btn" data-lang="en" href="/en/">English</a>
</nav>
<script>
(function () {
var p = location.pathname.replace(/^\/+/, "");
var isEn = p.indexOf("en/") === 0;
var base = isEn ? p.slice(3) : p;
var links = document.querySelectorAll("[data-lang-switch] [data-lang]");
for (var i = 0; i < links.length; i++) {
var l = links[i].getAttribute("data-lang");
links[i].setAttribute("href", (l === "en" ? "/en/" : "/") + base);
}
})();
</script>
</span>
</div>
</footer>
<aside class="cookie-notice glass-neutral" hidden data-cookie-notice>
<p class="cookie-notice__text">
Сайт использует cookie для комфортной работы. Подробнее — в
<a href="../cookie-policy/" data-cookie-policy-link>cookie policy</a>.
</p>
<button type="button" class="btn btn--secondary btn--flat cookie-notice__accept" data-cookie-accept>
<span>Принять</span>
<span class="cookie-notice__accept-icon" aria-hidden="true">
<img src="../assets/shared/icons/сookie.svg" alt="" width="20" height="20" loading="eager" decoding="async" />
</span>
</button>
</aside>
<script>
(function () {
var printBtn = document.querySelector('[data-resume-print-btn]');
if (!printBtn) return;
printBtn.addEventListener('click', function () {
var doc = document.querySelector('.resume-doc');
if (!doc) return;
var styles = [];
document.querySelectorAll('link[rel="stylesheet"]').forEach(function (l) {
styles.push('<link rel="stylesheet" href="' + l.href + '">');
});
document.querySelectorAll('style').forEach(function (s) {
styles.push('<style>' + s.textContent + '</style>');
});
var win = window.open('', '_blank');
if (!win) return;
win.document.write(
'<!DOCTYPE html><html><head><meta charset="utf-8">' +
styles.join('') +
'<style>@media print{body{margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;}}</style>' +
'</head><body>' + doc.outerHTML + '</body></html>'
);
win.document.close();
win.onload = function () {
setTimeout(function () { win.print(); }, 500);
};
});
})();
</script>
</body>
</html>