964 lines
50 KiB
HTML
964 lines
50 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" 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="Nikolai Mamadaev's Resume — Product Designer with over 10 years of experience."
|
||
/>
|
||
<title>Resume — Nikolai Mamadaev</title>
|
||
<script>
|
||
(function () {
|
||
var FONT_CSS = {
|
||
merriweather: "/assets/fonts/merriweather.css",
|
||
medeo: "/assets/fonts/medeo.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 DEF = { h: 210, s: 90, l: 40 };
|
||
function pickAccent(o) {
|
||
if (!o) return null;
|
||
var h = typeof o.h === "number" ? o.h : typeof o.hue === "number" ? o.hue : null;
|
||
var s = typeof o.s === "number" ? o.s : typeof o.sat === "number" ? o.sat : null;
|
||
var l = typeof o.l === "number" ? o.l : typeof o.light === "number" ? o.light : null;
|
||
if (h === null && s === null && l === null) return null;
|
||
return {
|
||
h: h === null ? DEF.h : h,
|
||
s: s === null ? DEF.s : Math.min(100, Math.max(30, s)),
|
||
l: l === null ? DEF.l : Math.min(70, Math.max(20, l)),
|
||
};
|
||
}
|
||
// Текущий формат: отдельный акцент для светлой и тёмной темы ({light, dark}).
|
||
// Старый плоский формат ({h, s, l}) остаётся совместимым.
|
||
var acc =
|
||
pickAccent(eff === "dark" ? t.dark : t.light) ||
|
||
pickAccent(eff === "dark" ? t.light : t.dark) ||
|
||
pickAccent(t) ||
|
||
DEF;
|
||
d.style.setProperty("--theme-h", String(acc.h));
|
||
d.style.setProperty("--theme-s", String(acc.s));
|
||
d.style.setProperty("--theme-l", String(acc.l));
|
||
var H = (((acc.h % 360) + 360) % 360) / 360;
|
||
var S = Math.min(100, Math.max(0, acc.s)) / 100;
|
||
var Lv = Math.min(100, Math.max(0, acc.l)) / 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 === "geologica") f = "medeo";
|
||
if (f === "onest") f = "medeo";
|
||
if (f === "anonymous") f = "mono";
|
||
if (f !== "merriweather" && f !== "mono" && f !== "medeo") f = "medeo";
|
||
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>
|
||
|
||
<!-- Аналитика грузится только на прод-домене: dev/preview (localhost:4175, dev.mamadaevv.site) в статистику не попадают. -->
|
||
<script>
|
||
(function () {
|
||
var PROD_HOSTS = ["mamadaevv.site", "www.mamadaevv.site"];
|
||
if (PROD_HOSTS.indexOf(location.hostname) === -1) return;
|
||
var s = document.createElement("script");
|
||
s.defer = true;
|
||
s.src = "https://cloud.umami.is/script.js";
|
||
s.setAttribute("data-website-id", "59e8e66e-2dab-4a86-acc6-b97985ad0473");
|
||
document.head.appendChild(s);
|
||
})();
|
||
</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="modulepreload" href="/js/modules/ui/page-mesh-shader.js" />
|
||
<link rel="stylesheet" href="/css/main.css" />
|
||
<link rel="canonical" href="https://mamadaevv.site/en/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/" />
|
||
<link rel="describedby" href="https://mamadaevv.site/llms.txt" title="llms.txt" />
|
||
<meta name="author" content="Nikolai Mamadaev" />
|
||
<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="Nikolai Mamadaev — Product Designer" />
|
||
<meta property="og:locale" content="en_US" />
|
||
<meta property="og:locale:alternate" content="ru_RU" />
|
||
<meta property="og:title" content="Resume — Nikolai Mamadaev" />
|
||
<meta property="og:description" content="Nikolai Mamadaev's Resume — Product Designer with over 10 years of experience." />
|
||
<meta property="og:url" content="https://mamadaevv.site/en/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="Resume — Nikolai Mamadaev" />
|
||
|
||
<!-- Twitter / X -->
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Resume — Nikolai Mamadaev" />
|
||
<meta name="twitter:description" content="Nikolai Mamadaev's Resume — Product Designer with over 10 years of experience." />
|
||
<meta name="twitter:image" content="https://mamadaevv.site/assets/og/og-default.png" />
|
||
<meta name="twitter:image:alt" content="Resume — Nikolai Mamadaev" />
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@graph": [
|
||
{
|
||
"@type": "Person",
|
||
"@id": "https://mamadaevv.site/#person",
|
||
"name": "Nikolai Mamadaev",
|
||
"url": "https://mamadaevv.site",
|
||
"jobTitle": "Product Designer",
|
||
"description": "Product designer with 10+ years of experience. Designing digital products, interfaces and design systems.",
|
||
"knowsAbout": [
|
||
"UX/UI design",
|
||
"product design",
|
||
"design systems",
|
||
"prototyping",
|
||
"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": "Nikolai Mamadaev — Product Designer",
|
||
"inLanguage": "en",
|
||
"author": {
|
||
"@id": "https://mamadaevv.site/#person"
|
||
},
|
||
"publisher": {
|
||
"@id": "https://mamadaevv.site/#person"
|
||
}
|
||
},
|
||
{
|
||
"@type": "WebPage",
|
||
"@id": "https://mamadaevv.site/en/resume/#page",
|
||
"url": "https://mamadaevv.site/en/resume/",
|
||
"name": "Resume — Nikolai Mamadaev",
|
||
"description": "Nikolai Mamadaev's Resume — Product Designer with over 10 years of experience.",
|
||
"isPartOf": {
|
||
"@id": "https://mamadaevv.site/#website"
|
||
},
|
||
"author": {
|
||
"@id": "https://mamadaevv.site/#person"
|
||
},
|
||
"inLanguage": "en"
|
||
},
|
||
{
|
||
"@type": "BreadcrumbList",
|
||
"@id": "https://mamadaevv.site/en/resume/#breadcrumbs",
|
||
"itemListElement": [
|
||
{
|
||
"@type": "ListItem",
|
||
"position": 1,
|
||
"name": "Nikolai Mamadaev — Product Designer",
|
||
"item": "https://mamadaevv.site/"
|
||
},
|
||
{
|
||
"@type": "ListItem",
|
||
"position": 2,
|
||
"name": "Resume — Nikolai Mamadaev",
|
||
"item": "https://mamadaevv.site/resume/"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<script src="/js/skill-connectors.js" defer></script>
|
||
<script type="module" src="/js/main.js"></script>
|
||
|
||
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#main">Skip to main content</a>
|
||
|
||
<header class="header" data-theme-picker>
|
||
<div class="header__inner">
|
||
<a class="logo" href="../" aria-label="Home">NM</a>
|
||
<div class="header__cluster">
|
||
<nav class="nav" aria-label="Page sections">
|
||
<a href="../">Home</a>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="fab-stack" aria-label="Quick Actions">
|
||
<div class="theme-panel-fab-wrap">
|
||
<button type="button" class="fab fab--secondary glass-neutral" data-resume-print-btn aria-label="Print Resume">
|
||
<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="Download the resume as a PDF">
|
||
<span class="fab-primary__ico fab-primary__ico--pdf" aria-hidden="true"></span>
|
||
<span class="fab__label">Download as PDF</span>
|
||
</a>
|
||
</div>
|
||
<div class="content-edit-fab-stack" aria-label="Content Edits" 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="Content Editing Mode"
|
||
title="Edit Mode"
|
||
>
|
||
<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="Nikolai Mamadaev" width="819" height="1024" />
|
||
<div>
|
||
<p class="hero__eyebrow">Resume</p>
|
||
<h1 class="case-page__h1">Nikolai Mamadaev</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>Portfolio</dt>
|
||
<dd><a href="https://mamadaevv.site" target="_blank" rel="noopener">mamadaevv.site</a></dd>
|
||
</div>
|
||
<div>
|
||
<dt>Salary</dt>
|
||
<dd>from 250,000 ₽</dd>
|
||
</div>
|
||
<div>
|
||
<dt>Work Format</dt>
|
||
<dd>Remote</dd>
|
||
</div>
|
||
<div>
|
||
<dt>Email</dt>
|
||
<dd><a href="mailto:nik@mamadaevv.site">nik@mamadaevv.site</a></dd>
|
||
</div>
|
||
<div>
|
||
<dt>Social Media</dt>
|
||
<dd><a href="https://t.me/mamadaevv" target="_blank" rel="noopener noreferrer">@mamadaevv</a></dd>
|
||
</div>
|
||
<div>
|
||
<dt>Languages</dt>
|
||
<dd>English (B2)</dd>
|
||
</div>
|
||
</dl>
|
||
</div>
|
||
|
||
<section id="about" class="resume-section" aria-labelledby="about-title">
|
||
<h2 id="about-title" class="resume-section__title">About Me</h2>
|
||
<p class="section__prose resume-about">
|
||
I specialize in SaaS products and desktop applications. I design clear, scalable, and efficient interfaces for complex workflows, so users solve their tasks faster and the product becomes more convenient and useful.
|
||
</p>
|
||
<p class="section__prose resume-about">
|
||
I work across every stage of product design: researching user needs, shaping information architecture, designing user flows, building interactive prototypes with vibe coding, and creating scalable design systems with Figma + Storybook.
|
||
</p>
|
||
<p class="section__prose resume-about">
|
||
I stay active in the community: I run the Telegram channel “Design Isn’t Pizza,” share resources on Figma Community, spoke about voice skill analytics at a Yandex meetup, and talked about a designer’s toolkit at a business forum. I’ve won hackathons more than once.
|
||
</p>
|
||
</section>
|
||
|
||
<section id="experience" class="resume-section" aria-labelledby="experience-title">
|
||
<h2 id="experience-title" class="resume-section__title">Work Experience</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">January 2026</time> — Present</span></p>
|
||
</div>
|
||
<p class="resume-exp__desc">Development and support of digital systems and tools to improve employee productivity.</p>
|
||
|
||
<div class="resume-exp__section">
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h4 class="resume-exp__label">Responsibilities</h4>
|
||
<ul>
|
||
<li>Creating production-ready interfaces</li>
|
||
<li>Breaking down ideas and concepts and turning them into design tasks</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Achievements</h4>
|
||
<ul>
|
||
<li>Set up a configured environment for delivering interfaces to production</li>
|
||
<li>Ran more than 15 hypothesis tests on working prototypes without involving the development department</li>
|
||
<li>Sped up processing of user testing results by applying AI tools (summarization, classification, transcription)</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Stack</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">February 2023</time> — <time datetime="2025-11">November 2025</time> (2 years and 10 months)</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">A Russian enterprise-grade B2B RPA platform: a suite of desktop robot development environments and web services for management, analytics, and ML.<br />
|
||
I worked as a lead designer on the entire product line, consisting of 6 products.</p>
|
||
<div class="resume-exp__section">
|
||
<h4 class="resume-exp__section-title">AI Server Platform (SaaS)</h4>
|
||
<p class="resume-exp__desc">A control panel for training, running, testing, and other operations involving neural networks deployed within the company’s internal network.</p>
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h5 class="resume-exp__label">Responsibilities</h5>
|
||
<ul>
|
||
<li>Design a web interface for the local LLM control panel. Enable the following scenarios: dataset creation, training of narrowly focused models, rapid testing, and administration of deployment on the client’s local infrastructure.</li>
|
||
<li>Improve how Smart OCR is configured for more accurate data extraction from documents of various types</li>
|
||
<li>Managing the states of long-running processes: model training, progress, errors, rollback</li>
|
||
<li>Preparing interactive prototypes and overseeing implementation</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Achievements</h5>
|
||
<ul>
|
||
<li>Created an intuitive interface for handling the complex setup of LLM models. This significantly lowered the barrier to entry for users without deep neural network expertise.</li>
|
||
<li>Reduced setup time from 3–5 days to 2 hours, based on conversations with users</li>
|
||
<li>Designed a document annotation interface that reduced support requests on this topic by 60%</li>
|
||
<li>Conducted 8 usability sessions and, based on the results, revised the key model training scenario</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Stack</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">An environment for developing and debugging robots for business process automation.</p>
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h5 class="resume-exp__label">Responsibilities</h5>
|
||
<ul>
|
||
<li>Designing the interface for a professional desktop IDE: workspace, toolbars, process tree, debugger</li>
|
||
<li>Developing the product’s component library and visual language</li>
|
||
<li>Designing debugging scenarios: breakpoints, step-by-step execution, variable inspection</li>
|
||
<li>Designing support for large activity trees and nesting</li>
|
||
<li>Working in tandem with the development team on component implementation, providing author supervision</li>
|
||
<li>Conducting regular design reviews within the team</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Achievements</h5>
|
||
<ul>
|
||
<li>Updated the product’s visual language to the Windows 11 standard—components are now a generation more modern</li>
|
||
<li>Redesigned dozens of screens and modal windows, bringing them into a single token-based design system.</li>
|
||
<li>Built a library of more than 50 reusable components, making it possible to design new functionality scenarios while preserving established behavior patterns</li>
|
||
<li>Redrew all legacy raster icons as vectors. This produced a library of over 300 unique icons that display perfectly at any UI scale and DPI</li>
|
||
<li>Reduced the time it took the team to build a new screen from 2 days to 4 hours by using pre-built components</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Stack</h5>
|
||
<ul>
|
||
<li>Desktop IDE</li>
|
||
<li>Windows 10/11</li>
|
||
<li>Figma</li>
|
||
<li>AI tools</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">An environment for developing and debugging robots for business process automation.</p>
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h5 class="resume-exp__label">Responsibilities</h5>
|
||
<ul>
|
||
<li>Designing the IDE interface for Linux, based on the selected feature set and the already implemented Windows version</li>
|
||
<li>Designing components with the technical constraints of the Avalonia Suki UI framework in mind</li>
|
||
<li>Preparing component behavior specifications for implementation</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Achievements</h5>
|
||
<ul>
|
||
<li>Built a component library based on Suki UI that lets me quickly assemble interfaces in Figma and hand them off to developers</li>
|
||
<li>Developed a product style that meets international standards, which will support expansion into foreign markets</li>
|
||
<li>Handed developers design instructions for assembling screens, so they can build interfaces for new features on their own and ship releases according to the roadmap</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Stack</h5>
|
||
<ul>
|
||
<li>Avalonia</li>
|
||
<li>Suki UI</li>
|
||
<li>Figma</li>
|
||
<li>AI tools</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">Enables the collection and analysis of employee suggestions, performance evaluation, and monitoring of automation implementation status. Analytics on key performance indicators and a high-level view of automation.</p>
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h5 class="resume-exp__label">Responsibilities</h5>
|
||
<ul>
|
||
<li>Designing dashboards and analytical views for robotization KPIs</li>
|
||
<li>Managing the idea lifecycle: submission → evaluation → prioritization → implementation → impact measurement</li>
|
||
<li>Section information architecture, working with dense tables, filters, and bulk operations</li>
|
||
<li>Designing a role-based model: employee, analyst, manager</li>
|
||
<li>Selecting data visualization types for specific management questions</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Achievements</h5>
|
||
<ul>
|
||
<li>Integrated high-level analytics and work on a specific idea into a single continuous workflow without switching between sections</li>
|
||
<li>Designed data visualizations so that managers can see the impact of automation without having to manually export data to Excel</li>
|
||
<li>Reduced the process from idea submission to evaluation from 6 steps to 3</li>
|
||
<li>Designed 12 analytics widgets covering customers’ key questions about the ROI of automation</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Stack</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">Ensures seamless system operation and management of hundreds of robots: launching, monitoring, and management.</p>
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h5 class="resume-exp__label">Responsibilities</h5>
|
||
<ul>
|
||
<li>Designing a management interface for a fleet of hundreds of robots: schedules, queues, priorities, and monitoring</li>
|
||
<li>Developing state management and error handling for bulk launches</li>
|
||
<li>Designing a system for notifications and alerts regarding failures</li>
|
||
<li>Working with complex tables: sorting, filtering, bulk actions, saved views</li>
|
||
<li>Prototyping complex scenarios for validation prior to development</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Achievements</h5>
|
||
<ul>
|
||
<li>Designed a system to manage hundreds of objects so that the operator doesn’t get lost in the scale: from the big picture to a specific robot in just 2 clicks</li>
|
||
<li>Aligned the service with a unified design system alongside the rest of the product line’s web products</li>
|
||
<li>Reduced operator response time to robot failures from 12 to 4 minutes thanks to a redesigned alert system</li>
|
||
<li>Consolidated 5 different robot list views into a single customizable one</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Stack</h5>
|
||
<ul>
|
||
<li>Figma</li>
|
||
<li>Ant Design</li>
|
||
<li>Storybook</li>
|
||
<li>AI tools</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">Q&A Portal (WEB)</h4>
|
||
<p class="resume-exp__desc">A platform for posting questions and receiving answers from support</p>
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h5 class="resume-exp__label">Responsibilities</h5>
|
||
<ul>
|
||
<li>Designing workflows for posting questions, providing answers, and searching the accumulated knowledge base</li>
|
||
<li>Designing the portal interface under the constraints of the PHP engine used for a QnA-type site.</li>
|
||
<li>Developing a role model: user, expert, support team, moderator</li>
|
||
<li>Designing search mechanics and suggestions for similar questions when posting</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Achievements</h5>
|
||
<ul>
|
||
<li>Launched the portal using off-the-shelf components from the design system in 3 weeks instead of the planned 8</li>
|
||
<li>Reduced the support workload by approximately 25% by reusing existing answers</li>
|
||
<li>The suggestion feature for similar questions reduced duplicate questions by 45%</li>
|
||
<li>Ensured visual consistency with other products in the line—the portal does not look like a third-party service</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="resume-exp__label">Stack</h5>
|
||
<ul>
|
||
<li>PHP QnA Engine</li>
|
||
<li>Figma</li>
|
||
<li>Design system</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">Company-wide</h4>
|
||
<ul>
|
||
|
||
<li>I developed and implemented a unified design system for web services, integrating the company’s brand identity with the new interface structure</li>
|
||
|
||
<li>Reduced the average time to prepare mockups across the product line by 35%</li>
|
||
<li>Created and maintained a UI kit to ensure consistency and accelerate development</li>
|
||
<li>Conducted more than 20 user studies and usability sessions during my tenure</li>
|
||
<li>Oversaw implementation, participated in design reviews, product discussions, and release planning</li>
|
||
<li>Hired 4 interface designers for different company projects</li>
|
||
<li>Conducted more than 30 interviews, including introducing the WhiteBoard Interview format</li>
|
||
<li>Developed test assignments tailored to the needs of specific roles and tasks</li>
|
||
<li>Introduced an internal video call system based on Jitsi within the company’s internal network, together with the technical support department</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>July 2022 – January 2023 (7 months)</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">A graphic editor for working on interface designs and other mockups. Similar to Sketch App and Figma.</p>
|
||
<div class="resume-exp__section">
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h4 class="resume-exp__label">Responsibilities</h4>
|
||
<ul>
|
||
<li>Designing the graphic editor’s interface: tools, property panels, working with the canvas and layers</li>
|
||
<li>Documenting solutions as user flows and handing them off to developers</li>
|
||
<li>Creating complex interactive prototypes in Protopie to demonstrate tool behavior</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Achievements</h4>
|
||
<ul>
|
||
<li>Designed 6 functional blocks for the editor, including work with components and styles</li>
|
||
<li>Built a Protopie prototype for a new feature: editing multi-layered realistic object shadows with complex behavior logic, almost indistinguishable from the production solution. Not counting smaller, simple prototypes.</li>
|
||
<li>Validated 3 hypotheses for improving the editor with real users. 1 made it into the release.</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Stack</h4>
|
||
<ul>
|
||
<li>Protopie</li>
|
||
<li>Figma</li>
|
||
<li>Design system</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">January 2019</time> — <time datetime="2021-12">December 2021</time> (3 years)</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">A game engine for creating video games without writing code.</p>
|
||
<div class="resume-exp__section">
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h4 class="resume-exp__label">Responsibilities</h4>
|
||
<ul>
|
||
<li>End-to-end product design of the engine: from interaction concepts to the final UI</li>
|
||
<li>Designing interface behavior for complex user scenarios</li>
|
||
<li>User research: observation, in-depth interviews, surveys</li>
|
||
<li>Creating user personas and empathy maps</li>
|
||
<li>Working with product analytics and metrics tied to user scenarios</li>
|
||
<li>Layout of the website’s homepage on Tilda, designing the site’s information architecture together with the team</li>
|
||
<li>Supervising the work of the web graphic designer</li>
|
||
<li>Hiring for the product department: conducting interviews and selecting specialists</li>
|
||
<li>Leading the department and establishing workflows for the entire product team</li>
|
||
<li>Overseeing the creation of user documentation</li>
|
||
<li>Implementing automation tools (Integromat, Zapier) for internal tasks</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Achievements</h4>
|
||
<ul>
|
||
<li>Led a large-scale redesign of the entire program: established a fundamentally new concept and style</li>
|
||
<li>Designed the interface behavior for over 100 complex user scenarios</li>
|
||
<li>Designed the product’s design system from scratch: 120 components</li>
|
||
<li>Received a lot of positive, and in some cases enthusiastic, user feedback—the product became much easier to navigate</li>
|
||
<li>Onboarding completion rates increased from 34% to 58% following the redesign</li>
|
||
<li>Conducted 25 in-depth interviews and 4 rounds of surveys, and revised 3 key scenarios based on the results</li>
|
||
<li>Hired 4 specialists for the product department and grew from a designer to a team lead</li>
|
||
<li>Established departmental processes: design reviews, backlog management, and handoff to development</li>
|
||
<li>Automated the team’s internal routines, freeing up time for product tasks</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Stack</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">October 2017</time> — <time datetime="2018-12">December 2018</time> (1 year and 3 months)</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">A cross-platform messenger with secure storage and audio calls.</p>
|
||
<div class="resume-exp__section">
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h4 class="resume-exp__label">Responsibilities</h4>
|
||
<ul>
|
||
<li>Designing the messenger for five platforms simultaneously: Android, iOS, macOS, Windows, and Linux</li>
|
||
<li>Developing use cases for secure storage and audio calls</li>
|
||
<li>Designing scenarios for registration, encryption, and access recovery</li>
|
||
<li>Adapting a unified product logic to each platform’s guidelines</li>
|
||
<li>Supervising the work of international illustrators in the preparation of graphic assets</li>
|
||
<li>Preparation of materials for app stores</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Achievements</h4>
|
||
<ul>
|
||
<li>Developed a unified visual language for the product while adhering to the guidelines of five platforms simultaneously</li>
|
||
<li>Designed over 90 screens across five platform versions</li>
|
||
<li>Ensured a steady flow of graphic assets from external contractors without compromising the design style</li>
|
||
<li>Simplified the secure storage workflow so that people without technical training could use it</li>
|
||
<li>Worked in the sensitive areas of privacy and security, where a single interface error can cost user trust</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Stack</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 (formerly MERA)</h3>
|
||
<p class="resume-exp__meta-row"><span>July 2016 – October 2017 (1 year and 4 months)</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">Software development for external clients.</p>
|
||
<div class="resume-exp__section">
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h4 class="resume-exp__label">Responsibilities</h4>
|
||
<ul>
|
||
<li>Worked in a design department with up to 8 people</li>
|
||
<li>Creating user personas and mapping product functionality based on user needs</li>
|
||
<li>Creating wireframes and designing the final UI</li>
|
||
|
||
<li>Preparing mood boards and design concepts, and discussing them with clients</li>
|
||
|
||
<li>Turning mockups into prototypes, writing scripts, and conducting qualitative usability testing</li>
|
||
|
||
|
||
<li>Participating in design reviews: analyzing colleagues’ work and defending your own decisions</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Achievements</h4>
|
||
<ul>
|
||
<li>Conducted 10 usability testing sessions, from writing the test script to implementing changes</li>
|
||
<li>Learned to work with the Smart TV platform, which was new to me, and brought the project to successful release in the app store</li>
|
||
<li>Conducted research and reverse-engineering of app design for the Roku TV platform and created a client app design development workflow that includes: idea formation, clickable prototype development, usability testing on the actual device, and design control in the app built by our developers</li>
|
||
<li>Communicated directly with international clients, without intermediaries</li>
|
||
<li>Actively participated in improving the company’s design department workflow</li>
|
||
<li>Introduced the team to using Miro (ex. Realtime Board) for storing research artifacts</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Stack</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">June 2015</time> — <time datetime="2016-06">June 2016</time> (1 year and 1 month)</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">Mobile app and website development studio.</p>
|
||
<div class="resume-exp__section">
|
||
<div class="resume-exp__cols">
|
||
<div>
|
||
<h4 class="resume-exp__label">Responsibilities</h4>
|
||
<ul>
|
||
<li>Designing mobile and web products as part of the studio’s workflow</li>
|
||
<li>Worked across various sectors: social gaming, beauty services, food delivery, voice interfaces, legal services, and collaborative tools</li>
|
||
<li>Responsive web design and design of administrative dashboards</li>
|
||
<li>Illustrating icons and preparing graphics for projects</li>
|
||
<li>Preparing mockups for handoff to development</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Achievements</h4>
|
||
<ul>
|
||
<li>Launched 6 products in one year: a geolocation-based social game with real-world quests, an app for booking beauty professionals, a food delivery service, a voice-based word game, a website and admin panel for a copyright registration service, and a mobile “whiteboard” for collaboration</li>
|
||
<li>Learned to quickly get up to speed in new subject areas and maintain quality while keeping up with the studio’s fast pace</li>
|
||
<li>Handled the full range of tasks: mobile, web, admin panels, and graphics</li>
|
||
<li>Laid the groundwork for transitioning from execution-focused design to product-focused design</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="resume-exp__label">Stack</h4>
|
||
<ul>
|
||
<li>Mobile</li>
|
||
<li>Web</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">Skills</h2>
|
||
<dl class="resume-skills">
|
||
<div class="resume-skill">
|
||
<dt class="resume-skill__title">Design</dt>
|
||
<dd class="resume-skill__desc">UX/UI, product design, information architecture, responsive design, design systems</dd>
|
||
</div>
|
||
<div class="resume-skill">
|
||
<dt class="resume-skill__title">Research</dt>
|
||
<dd class="resume-skill__desc">Interviews, surveys, usability testing, JTBD, empathy maps, conversion, retention, NPS</dd>
|
||
</div>
|
||
<div class="resume-skill">
|
||
<dt class="resume-skill__title">Management</dt>
|
||
<dd class="resume-skill__desc">Team building, Agile, Kanban, project supervision, working with stakeholders</dd>
|
||
</div>
|
||
<div class="resume-skill">
|
||
<dt class="resume-skill__title">Tools</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 Tools</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">Website design and development — Nikolay Mamadaev</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 policy</a></span> ·<span class="footer__chunk footer__chunk--lang"><span class="footer__sep" aria-hidden="true">
|
||
</span><nav class="lang-switch" aria-label="Choose language" data-lang-switch>
|
||
<a class="lang-switch__btn" data-lang="ru" href="/">Русский</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">
|
||
This site uses cookies to ensure a smooth user experience. For more information, see the
|
||
<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>Accept</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>
|