- displacement.png: вместо per-pixel шума — крупные блобы (8px+20px октавы, гаусс), плавные градиенты - scale снижен 28->14 (панели), 12->6 (кнопки) под крупные пятна
948 lines
62 KiB
HTML
948 lines
62 KiB
HTML
<!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>
|