diff --git a/public/assets/liquid-glass/displacement.png b/public/assets/liquid-glass/displacement.png new file mode 100644 index 0000000..5211bae Binary files /dev/null and b/public/assets/liquid-glass/displacement.png differ diff --git a/public/cases/ai-assistant-figma/index.html b/public/cases/ai-assistant-figma/index.html index 4fb5467..84703af 100644 --- a/public/cases/ai-assistant-figma/index.html +++ b/public/cases/ai-assistant-figma/index.html @@ -289,6 +289,13 @@ + +
diff --git a/public/cases/ai-platform-primo-rpa-2/index.html b/public/cases/ai-platform-primo-rpa-2/index.html index 7a670f3..d493843 100644 --- a/public/cases/ai-platform-primo-rpa-2/index.html +++ b/public/cases/ai-platform-primo-rpa-2/index.html @@ -313,7 +313,14 @@ })(); - + + +
diff --git a/public/cases/ai-platform-primo-rpa-v2/index.html b/public/cases/ai-platform-primo-rpa-v2/index.html index 1c4d02e..a803a4f 100644 --- a/public/cases/ai-platform-primo-rpa-v2/index.html +++ b/public/cases/ai-platform-primo-rpa-v2/index.html @@ -324,6 +324,13 @@ + +
diff --git a/public/cases/ai-platform-primo-rpa/index.html b/public/cases/ai-platform-primo-rpa/index.html index 082b8a0..f8f65eb 100644 --- a/public/cases/ai-platform-primo-rpa/index.html +++ b/public/cases/ai-platform-primo-rpa/index.html @@ -313,7 +313,14 @@ })(); - + + +
diff --git a/public/cases/card-columns-obsidian/index.html b/public/cases/card-columns-obsidian/index.html index 5b00fd2..f2419d8 100644 --- a/public/cases/card-columns-obsidian/index.html +++ b/public/cases/card-columns-obsidian/index.html @@ -380,6 +380,13 @@ + +
diff --git a/public/cases/design-system/index.html b/public/cases/design-system/index.html index dcbac23..680a170 100644 --- a/public/cases/design-system/index.html +++ b/public/cases/design-system/index.html @@ -550,7 +550,14 @@ })(); - + + +
diff --git a/public/cases/lunacy/index.html b/public/cases/lunacy/index.html index d8fe69b..9a8853c 100644 --- a/public/cases/lunacy/index.html +++ b/public/cases/lunacy/index.html @@ -304,7 +304,14 @@ })(); - + + +
diff --git a/public/cases/manu-game-maker/index.html b/public/cases/manu-game-maker/index.html index a0ac7a8..29745f8 100644 --- a/public/cases/manu-game-maker/index.html +++ b/public/cases/manu-game-maker/index.html @@ -281,7 +281,14 @@ })(); - + + +
diff --git a/public/cases/mini-projects-showcase/index.html b/public/cases/mini-projects-showcase/index.html index 6138549..fffce88 100644 --- a/public/cases/mini-projects-showcase/index.html +++ b/public/cases/mini-projects-showcase/index.html @@ -491,7 +491,14 @@ })(); - + + +
diff --git a/public/cases/mobile-clinic-app/index.html b/public/cases/mobile-clinic-app/index.html index 20f1680..ad45fe9 100644 --- a/public/cases/mobile-clinic-app/index.html +++ b/public/cases/mobile-clinic-app/index.html @@ -281,7 +281,14 @@ })(); - + + +
diff --git a/public/cases/obsidian-plugin-columns-view/index.html b/public/cases/obsidian-plugin-columns-view/index.html index f353d12..63c655c 100644 --- a/public/cases/obsidian-plugin-columns-view/index.html +++ b/public/cases/obsidian-plugin-columns-view/index.html @@ -289,6 +289,13 @@ + +
diff --git a/public/cases/orc-automation-panel/index.html b/public/cases/orc-automation-panel/index.html index 885b36e..71cecac 100644 --- a/public/cases/orc-automation-panel/index.html +++ b/public/cases/orc-automation-panel/index.html @@ -300,7 +300,14 @@ })(); - + + +
diff --git a/public/cases/site-with-ai-ide/index.html b/public/cases/site-with-ai-ide/index.html index 1a3e631..4878da9 100644 --- a/public/cases/site-with-ai-ide/index.html +++ b/public/cases/site-with-ai-ide/index.html @@ -289,6 +289,13 @@ + +
diff --git a/public/cases/task-distribution-concept/index.html b/public/cases/task-distribution-concept/index.html index c07a558..358be05 100644 --- a/public/cases/task-distribution-concept/index.html +++ b/public/cases/task-distribution-concept/index.html @@ -281,7 +281,14 @@ })(); - + + +
diff --git a/public/cases/task-tracker/index.html b/public/cases/task-tracker/index.html index 196dcb6..15e8db9 100644 --- a/public/cases/task-tracker/index.html +++ b/public/cases/task-tracker/index.html @@ -303,7 +303,14 @@ })(); - + + +
diff --git a/public/cases/template-elements-demo/index.html b/public/cases/template-elements-demo/index.html index c381d2e..750fe19 100644 --- a/public/cases/template-elements-demo/index.html +++ b/public/cases/template-elements-demo/index.html @@ -280,7 +280,14 @@ })(); - + + +
diff --git a/public/cookie-policy/index.html b/public/cookie-policy/index.html index 3af4509..548ab6a 100644 --- a/public/cookie-policy/index.html +++ b/public/cookie-policy/index.html @@ -248,7 +248,14 @@ - + + +
diff --git a/public/css/main.css b/public/css/main.css index f3a0069..6db756a 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -5111,6 +5111,9 @@ html[data-theme="dark"] { inset 0 1px 0 hsla(0, 0%, 100%, 0.09); --v12-glass-neutral-filter: blur(16px) saturate(118%); --v12-glass-neutral-filter-elevated: blur(18px) saturate(125%); + /* Liquid Glass (Хабр): displacement + blur — только для Chromium */ + --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement) blur(15px) saturate(118%); + --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement) blur(17px) saturate(125%); } html[data-theme="light"] { @@ -5126,6 +5129,9 @@ html[data-theme="light"] { inset 0 -1px 0 hsla(0, 0%, 0%, 0.04); --v12-glass-neutral-filter: blur(12px) saturate(124%); --v12-glass-neutral-filter-elevated: blur(14px) saturate(130%); + /* Liquid Glass (Хабр): displacement + blur — только для Chromium */ + --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement) blur(11px) saturate(124%); + --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement) blur(13px) saturate(130%); } html[data-theme="dark"] .header--scrolled .header__inner, @@ -5164,6 +5170,37 @@ html[data-theme="light"] .fab.glass-neutral:not(.fab--primary):focus-visible { -webkit-backdrop-filter: var(--v12-glass-neutral-filter-elevated); } +/* Liquid Glass (Хабр): Chromium-only displacement. + Safari/Firefox НЕ рендерят url()-фильтр в backdrop-filter — остаётся чистый blur. + Детект: Chrome не поддерживает hanging-punctuation, Safari/Firefox — поддерживают. */ +@supports not (hanging-punctuation: first) { + /* Базовый (не-elevated) слой — только .glass-neutral */ + html[data-theme="dark"] .glass-neutral, + html[data-theme="light"] .glass-neutral { + backdrop-filter: var(--v12-glass-neutral-filter-lg); + -webkit-backdrop-filter: var(--v12-glass-neutral-filter-lg); + } + + /* Elevated-слой: шапка, панели, FAB при наведении, overflow-меню */ + html[data-theme="dark"] .header--scrolled .header__inner, + html[data-theme="light"] .header--scrolled .header__inner, + html[data-theme="dark"] .theme-picker__panel.glass-neutral, + html[data-theme="dark"] .cookie-notice.glass-neutral, + html[data-theme="light"] .theme-picker__panel.glass-neutral, + html[data-theme="light"] .cookie-notice.glass-neutral, + html[data-theme="dark"] .fab.glass-neutral:not(.fab--primary):hover, + html[data-theme="dark"] .fab.glass-neutral:not(.fab--primary):focus-visible, + html[data-theme="light"] .fab.glass-neutral:not(.fab--primary):hover, + html[data-theme="light"] .fab.glass-neutral:not(.fab--primary):focus-visible, + html[data-theme="dark"] .nav-more__dock, + html[data-theme="light"] .nav-more__dock, + html[data-theme="dark"] #nav-more-menu-floating, + html[data-theme="light"] #nav-more-menu-floating { + backdrop-filter: var(--v12-glass-neutral-filter-elevated-lg); + -webkit-backdrop-filter: var(--v12-glass-neutral-filter-elevated-lg); + } +} + html[data-theme="dark"] .nav-more__dock, html[data-theme="light"] .nav-more__dock, html[data-theme="dark"] #nav-more-menu-floating, diff --git a/public/en/cases/ai-assistant-figma/index.html b/public/en/cases/ai-assistant-figma/index.html index 3c4a235..01110ff 100644 --- a/public/en/cases/ai-assistant-figma/index.html +++ b/public/en/cases/ai-assistant-figma/index.html @@ -289,6 +289,13 @@ + +
diff --git a/public/en/cases/ai-platform-primo-rpa-2/index.html b/public/en/cases/ai-platform-primo-rpa-2/index.html index 1a4415e..6b91f9a 100644 --- a/public/en/cases/ai-platform-primo-rpa-2/index.html +++ b/public/en/cases/ai-platform-primo-rpa-2/index.html @@ -314,6 +314,13 @@ + +
diff --git a/public/en/cases/ai-platform-primo-rpa-v2/index.html b/public/en/cases/ai-platform-primo-rpa-v2/index.html index da309e1..822466b 100644 --- a/public/en/cases/ai-platform-primo-rpa-v2/index.html +++ b/public/en/cases/ai-platform-primo-rpa-v2/index.html @@ -324,6 +324,13 @@ + +
diff --git a/public/en/cases/ai-platform-primo-rpa/index.html b/public/en/cases/ai-platform-primo-rpa/index.html index 0762844..f14a0ce 100644 --- a/public/en/cases/ai-platform-primo-rpa/index.html +++ b/public/en/cases/ai-platform-primo-rpa/index.html @@ -314,6 +314,13 @@ + +
diff --git a/public/en/cases/card-columns-obsidian/index.html b/public/en/cases/card-columns-obsidian/index.html index 3ab39a5..20f4a09 100644 --- a/public/en/cases/card-columns-obsidian/index.html +++ b/public/en/cases/card-columns-obsidian/index.html @@ -380,6 +380,13 @@ + +
diff --git a/public/en/cases/design-system/index.html b/public/en/cases/design-system/index.html index 6b8beb3..ac87b2f 100644 --- a/public/en/cases/design-system/index.html +++ b/public/en/cases/design-system/index.html @@ -551,6 +551,13 @@ + +
diff --git a/public/en/cases/lunacy/index.html b/public/en/cases/lunacy/index.html index ab99a27..433582d 100644 --- a/public/en/cases/lunacy/index.html +++ b/public/en/cases/lunacy/index.html @@ -305,6 +305,13 @@ + +
diff --git a/public/en/cases/manu-game-maker/index.html b/public/en/cases/manu-game-maker/index.html index b7d4c8f..f512c53 100644 --- a/public/en/cases/manu-game-maker/index.html +++ b/public/en/cases/manu-game-maker/index.html @@ -282,6 +282,13 @@ + +
diff --git a/public/en/cases/mini-projects-showcase/index.html b/public/en/cases/mini-projects-showcase/index.html index d06e326..1699fd5 100644 --- a/public/en/cases/mini-projects-showcase/index.html +++ b/public/en/cases/mini-projects-showcase/index.html @@ -492,6 +492,13 @@ + +
diff --git a/public/en/cases/mobile-clinic-app/index.html b/public/en/cases/mobile-clinic-app/index.html index 9690447..98da5d2 100644 --- a/public/en/cases/mobile-clinic-app/index.html +++ b/public/en/cases/mobile-clinic-app/index.html @@ -282,6 +282,13 @@ + +
diff --git a/public/en/cases/obsidian-plugin-columns-view/index.html b/public/en/cases/obsidian-plugin-columns-view/index.html index ba4043b..558b507 100644 --- a/public/en/cases/obsidian-plugin-columns-view/index.html +++ b/public/en/cases/obsidian-plugin-columns-view/index.html @@ -289,6 +289,13 @@ + +
diff --git a/public/en/cases/orc-automation-panel/index.html b/public/en/cases/orc-automation-panel/index.html index bbda0e2..c52b4d4 100644 --- a/public/en/cases/orc-automation-panel/index.html +++ b/public/en/cases/orc-automation-panel/index.html @@ -301,6 +301,13 @@ + +
diff --git a/public/en/cases/site-with-ai-ide/index.html b/public/en/cases/site-with-ai-ide/index.html index 0c878c4..4767b0a 100644 --- a/public/en/cases/site-with-ai-ide/index.html +++ b/public/en/cases/site-with-ai-ide/index.html @@ -289,6 +289,13 @@ + +
diff --git a/public/en/cases/task-distribution-concept/index.html b/public/en/cases/task-distribution-concept/index.html index 27bb788..2c2323c 100644 --- a/public/en/cases/task-distribution-concept/index.html +++ b/public/en/cases/task-distribution-concept/index.html @@ -282,6 +282,13 @@ + +
diff --git a/public/en/cases/task-tracker/index.html b/public/en/cases/task-tracker/index.html index c38ac43..832562d 100644 --- a/public/en/cases/task-tracker/index.html +++ b/public/en/cases/task-tracker/index.html @@ -304,6 +304,13 @@ + +
diff --git a/public/en/cases/template-elements-demo/index.html b/public/en/cases/template-elements-demo/index.html index 50e4232..1c85a74 100644 --- a/public/en/cases/template-elements-demo/index.html +++ b/public/en/cases/template-elements-demo/index.html @@ -281,6 +281,13 @@ + +
diff --git a/public/en/cookie-policy/index.html b/public/en/cookie-policy/index.html index f298392..dd52852 100644 --- a/public/en/cookie-policy/index.html +++ b/public/en/cookie-policy/index.html @@ -249,6 +249,13 @@ + +
diff --git a/public/en/index.html b/public/en/index.html index 8736fcf..7e16ee3 100644 --- a/public/en/index.html +++ b/public/en/index.html @@ -189,6 +189,13 @@ + + diff --git a/public/en/resume/index.html b/public/en/resume/index.html index 0f0ff97..0fef761 100644 --- a/public/en/resume/index.html +++ b/public/en/resume/index.html @@ -206,6 +206,13 @@ + +
@@ -310,21 +317,30 @@

Responsibilities

    -
  • Worked on interface design
    • +
  • Creating production-ready interfaces
    • +
  • Breaking down ideas and concepts and turning them into design tasks

Achievements

    -
  • Successfully completed assigned tasks
    • +
  • Set up a configured environment for delivering interfaces to production
    • +
  • Ran more than 15 hypothesis tests on working prototypes without involving the development department
    • +
  • Sped up processing of user testing results by applying AI tools (summarization, classification, transcription)

Stack

  • Figma
    • -
  • HTML/CSS
    • +
  • HTML/CSS/JS
  • AI/LLM
    • +
  • GitHub
    • +
  • Gitea
    • +
  • Coolify
    • +
  • CI/CD
    • +
  • Hermes Agent
    • +
  • Zed IDE
@@ -336,7 +352,8 @@

Primo RPA

— (2 years and 10 months)·primo-rpa.com

-

A Russian enterprise-grade RPA platform: a suite of desktop robot development environments and web services for management, analytics, and ML. I worked as a lead designer on the entire product line, consisting of 6 products.

+

A Russian enterprise-grade B2B RPA platform: a suite of desktop robot development environments and web services for management, analytics, and ML.
+ I worked as a lead designer on the entire product line, consisting of 6 products.

AI Server Platform (SaaS)

A control panel for training, running, testing, and other operations involving neural networks deployed within the company’s internal network.

@@ -344,20 +361,17 @@
Responsibilities
    -
  • Designing the model management interface: training, deployment, testing, versioning, and monitoring
    • -
  • Developing workflows for Smart OCR—extracting data from various types of documents
    • -
  • Designing document markup and validating recognition results
    • +
  • 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.
    • +
  • Improve how Smart OCR is configured for more accurate data extraction from documents of various types
  • Managing the states of long-running processes: model training, progress, errors, rollback
  • Preparing interactive prototypes and overseeing implementation
    • -
  • Conducting interviews with ML engineers and business users to validate behavioral models
Achievements
    -
  • Packaged complex ML logic into an interface that is understandable not only to ML engineers but also to business analysts without a technical background
    • -
  • Streamlined work with models into a single, predictable 4-step workflow instead of 9 disparate screens
    • -
  • Reduced the time required to configure a new model from 40 to 15 minutes, based on test results
    • +
  • 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.
    • +
  • Reduced setup time from 3–5 days to 2 hours, based on conversations with users
  • Designed a document annotation interface that reduced support requests on this topic by 60%
  • Conducted 8 usability sessions and, based on the results, revised the key model training scenario
@@ -365,7 +379,11 @@
Stack
    -
  • ML / neural networks
    • +
  • Figma
    • +
  • React
    • +
  • Ant Design
    • +
  • Hope UI
    • +
  • LLM core
  • Smart OCR
@@ -390,10 +408,10 @@
Achievements
    -
  • Updated the product’s visual language to the Windows 10/11 standard—components are now a generation more modern
    • -
  • Redesigned over 80 screens and dialogs, bringing them into a unified grid and typography
    • -
  • Compiled a library of 140 components, covering 90% of the interface’s needs
    • -
  • Converted icons and some illustrations to vector graphics: ensuring correct display at any zoom level and DPI
    • +
  • Updated the product’s visual language to the Windows 11 standard—components are now a generation more modern
    • +
  • Redesigned dozens of screens and modal windows, bringing them into a single token-based design system.
    • +
  • Built a library of more than 50 reusable components, making it possible to design new functionality scenarios while preserving established behavior patterns
    • +
  • 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
  • Reduced the time it took the team to build a new screen from 2 days to 4 hours by using pre-built components
@@ -402,7 +420,10 @@
  • Desktop IDE
  • Windows 10/11
    • -
  • Component library
    • +
  • Figma
    • +
  • AI tools
    • +
  • DevExpress UI
    • +
  • Handy Controls
@@ -415,27 +436,28 @@
Responsibilities
    -
  • Adapting the Studio design for the Linux version using the Avalonia framework
    • -
  • Designing components while taking into account the framework’s technical limitations
    • -
  • Synchronizing the visual language between the Windows and Linux versions of the product
    • -
  • Collaborating with the development team to determine what is technically feasible in Avalonia and what requires workarounds
    • +
  • Designing the IDE interface for Linux, based on the selected feature set and the already implemented Windows version
    • +
  • Designing components with the technical constraints of the Avalonia Suki UI framework in mind
  • Preparing component behavior specifications for implementation
Achievements
    -
  • Compiled an extensive library of 95 components for Avalonia, which did not exist in the project before I joined
    • -
  • Ensured product consistency across two platforms with different technology stacks
    • -
  • Reduced the number of visual discrepancies between versions from several dozen to just a few isolated cases
    • -
  • Provided the Linux version team with a ready-made set of solutions instead of having to design each screen from scratch
    • +
  • Built a component library based on Suki UI that lets me quickly assemble interfaces in Figma and hand them off to developers
    • +
  • Developed a product style that meets international standards, which will support expansion into foreign markets
    • +
  • 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
Stack
  • Avalonia
    • -
  • .NET
    • +
  • Suki UI
    • +
  • Figma
    • +
  • AI tools
    • +
  • Cursor IDE
    • +
  • MobaXterm RDP
  • Linux
@@ -468,9 +490,9 @@
Stack
    -
  • Analytics / Dashboards
    • -
  • KPIs
    • -
  • Data Visualization
    • +
  • Figma
    • + +
@@ -502,9 +524,12 @@
Stack
    -
  • Monitoring
    • -
  • Schedules / Queues
    • -
  • Notifications / Alerts
    • +
  • Figma
    • +
  • Ant Design
    • +
  • Storybook
    • +
  • AI tools
    • + +
@@ -518,7 +543,7 @@
Responsibilities
  • Designing workflows for posting questions, providing answers, and searching the accumulated knowledge base
    • -
  • Designing the portal interface based on the company’s common design system
    • +
  • Designing the portal interface under the constraints of the PHP engine used for a QnA-type site.
  • Developing a role model: user, expert, support team, moderator
  • Designing search mechanics and suggestions for similar questions when posting
@@ -535,9 +560,10 @@
Stack
    -
  • Web portal
    • +
  • PHP QnA Engine
    • +
  • Figma
  • Design system
    • -
  • Knowledge base
    • +
@@ -546,14 +572,18 @@

Company-wide

    -
  • I initiated a visual refresh of the entire product line—the company decided to redesign the products upon my arrival
    • +
  • I developed and implemented a unified design system for web services, integrating the company’s brand identity with the new interface structure
    • -
  • The design system was adopted by four product teams; it includes 210 components and theming tokens
    • +
  • Reduced the average time to prepare mockups across the product line by 35%
  • Created and maintained a UI kit to ensure consistency and accelerate development
  • Conducted more than 20 user studies and usability sessions during my tenure
  • Oversaw implementation, participated in design reviews, product discussions, and release planning
    • -
  • Served as the sole lead designer for an entire product line consisting of 6 products and two platforms
    • +
  • Hired 4 interface designers for different company projects
    • +
  • Conducted more than 30 interviews, including introducing the WhiteBoard Interview format
    • +
  • Developed test assignments tailored to the needs of specific roles and tasks
    • +
  • Introduced an internal video call system based on Jitsi within the company’s internal network, together with the technical support department
    • +
@@ -572,27 +602,26 @@
  • Designing the graphic editor’s interface: tools, property panels, working with the canvas and layers
  • Documenting solutions as user flows and handing them off to developers
  • Creating complex interactive prototypes in Protopie to demonstrate tool behavior
    • -
  • Illustrating missing icons in the product’s style
    • -
  • Making suggestions for improving the editor’s functionality
    • -
  • Participating in discussions about product solutions with the team

    • Achievements

    • Designed 6 functional blocks for the editor, including work with components and styles
      • -
    • Created 15+ prototypes in Protopie, which helped eliminate unsuccessful solutions before development
      • -
    • Some of my feature suggestions were included in product releases
      • -
    • Designed over 60 icons to complement the editor’s system set
      • -
    • Worked on a product for a professional audience of designers, where the requirements for interface details are higher than usual
      • +
    • 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.
      • +
    • Validated 3 hypotheses for improving the editor with real users. 1 made it into the release.

    Stack

    • Protopie
      • -
    • Graphics editor
      • -
    • Icons / Illustrations
      • +
    • Figma
      • +
    • Design system
      • +
    • Avalonia Custom UI
      • +
    • Windows
      • +
    • Linux
      • +
    • macOS
    @@ -640,9 +669,14 @@

    Stack

      -
    • Tilda
      • -
    • Integromat / Zapier
      • -
    • User research
      • + +
    • Zapier
      • +
    • Figma
      • +
    • Miro
      • +
    • Mailchimp
      • +
    • Windows
      • +
    • Notion
      • +
    • Airtable
    @@ -706,14 +740,14 @@
  • Worked in a design department with up to 8 people
  • Creating user personas and mapping product functionality based on user needs
  • Creating wireframes and designing the final UI
    • -
  • Designing use cases, screen maps, and micro-animation demos
    • +
  • Preparing mood boards and design concepts, and discussing them with clients
    • -
  • Preparing and delivering presentations on design concepts
    • +
  • Turning mockups into prototypes, writing scripts, and conducting qualitative usability testing
    • -
  • Making revisions based on test results
    • -
  • Overseeing the implementation of designs by developers
    • + +
  • Participating in design reviews: analyzing colleagues’ work and defending your own decisions
    • -
  • Direct communication with international clients to discuss design and receive project briefs
    • +
    @@ -721,17 +755,27 @@
    • Conducted 10 usability testing sessions, from writing the test script to implementing changes
    • Learned to work with the Smart TV platform, which was new to me, and brought the project to successful release in the app store
      • +
    • 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
    • Communicated directly with international clients, without intermediaries
    • Actively participated in improving the company’s design department workflow
      • -
    • Completed the full product design cycle on 5 client projects
      • +
    • Introduced the team to using Miro (ex. Realtime Board) for storing research artifacts
      • +

    Stack

      +
    • Sketch
      • +
    • Miro
      • +
    • Android
      • +
    • iOS
      • +
    • ROKU TV Box
    • Smart TV
      • -
    • Usability testing
      • -
    • Mood boards / design concepts
      • +
    • Marvel App
      • +
    • ProtoPie
      • +
    • Framer
      • + +
    @@ -770,8 +814,12 @@
    • Mobile
    • Web
      • -
    • Dashboards
      • -
    • Graphics
      • +
    • Adobe Photoshop
      • +
    • After Effects
      • +
    • Adobe Illustrator
      • + + +
    @@ -809,10 +857,10 @@

    About Me

    - I’ve been in design for over 10 years, building interfaces for web apps, B2B SaaS, and desktop software on Windows, Linux, and macOS. I work as a product designer: research and hypotheses first, mockups second. I run interviews and usability sessions, shape features together with product managers, help set priorities, and carry decisions through to release. + 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.

    - I care about workflows as much as about the UI itself. Together with the team we build working scenarios that don’t trip you up at every step, and I push for services and tools that raise the team’s efficiency. + 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.

    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. diff --git a/public/index.html b/public/index.html index 19ade20..e251faa 100644 --- a/public/index.html +++ b/public/index.html @@ -188,7 +188,14 @@ - + + +

    diff --git a/public/resume/index.html b/public/resume/index.html index aed3045..1eb1e21 100644 --- a/public/resume/index.html +++ b/public/resume/index.html @@ -206,6 +206,13 @@ + +
    @@ -298,10 +305,10 @@

    О себе

    - Больше 10 лет в дизайне. Проектировал интерфейсы для веб-приложений, B2B SaaS и десктопных программ под Windows, Linux и macOS. Работаю продуктово: сначала исследования и гипотезы, потом макеты. Провожу интервью и юзабилити-сессии, вместе с продактом формулирую фичи, помогаю расставить приоритеты и веду решения до релиза. + Специализируюсь на SaaS-продуктах и desktop-приложениях. Проектирую понятные, масштабируемые и эффективные интерфейсы для сложных рабочих процессов — чтобы пользователи быстрее решали свои задачи, а продукт становился удобнее и полезнее.

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

    Участвую в жизни сообщества: веду Telegram-канал «Дизайн не пицца», выкладываю полезности в Figma Community, выступал на митапе Яндекса с докладом про аналитику голосовых навыков и на бизнес-форуме с рассказом про инструменты дизайнера. Неоднократно побеждал на хакатонах. @@ -323,21 +330,30 @@

    Обязанности

      -
    • Занимался дизайном интерфейсов
      • +
    • Создание готовых к продакшену интерфейсов
      • +
    • Разбор идей и концепций и трансформация их в дизайнерские задачи

    Достижения

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

    Стэк

    • Figma
      • -
    • HTML/CSS
      • +
    • HTML/CSS/JS
    • AI/LLM
      • +
    • GitHub
      • +
    • Gitea
      • +
    • Coolify
      • +
    • CI/CD
      • +
    • Hermes Agent
      • +
    • Zed IDE
    @@ -349,7 +365,8 @@

    Primo RPA

    — (2 года и 10 месяцев)·primo-rpa.com

    -

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

    +

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

    AI Server platform (SaaS)

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

    @@ -357,20 +374,17 @@
    Обязанности
      -
    • Проектирование интерфейса управления моделями: обучение, запуск, тестирование, версионирование, мониторинг
      • -
    • Проработка сценариев работы с Smart OCR — извлечение данных из документов различных типов
      • -
    • Проектирование разметки документов и валидации результатов распознавания
      • +
    • Спроектировать web интерфейс панели управления локальных LLM. Реализовать возможность выполнения сценариев: создание датасетов, обучение узконаправленных моделей, быстрое тестирование и администрирование развёртыванием на локальной инфраструктуре клиента.
      • +
    • Улучшить способ конфигурирования работы Smart OCR для более точного извлечения данных из документов различного типа
    • Работа с состояниями долгих процессов: обучение модели, прогресс, ошибки, откат
    • Подготовка интерактивных прототипов и авторский надзор за реализацией
      • -
    • Проведение интервью с ML-инженерами и бизнес-пользователями для сверки моделей поведения
    Достижения
      -
    • Упаковал сложную ML-логику в интерфейс, понятный не только ML-инженеру, но и бизнес-аналитику без технического бэкграунда
      • -
    • Свёл работу с моделями к единому предсказуемому сценарию из 4 шагов вместо 9 разрозненных экранов
      • -
    • Сократил время настройки новой модели с 40 до 15 минут по результатам замеров на тестировании
      • +
    • Создал интуитивный интерфейс для работы со сложной настройкой LLM моделей. Таким образом существенно снизил порог входа для пользователей без глубокой экспертизы в работе нейросетей.
      • +
    • Сократил время настройки с 3-5 дней до 2 часов по результатам общения с пользователями
    • Спроектировал интерфейс разметки документов, который снял 60% обращений в поддержку по этой теме
    • Провёл 8 юзабилити-сессий, по итогам переработал ключевой сценарий обучения модели
    @@ -378,7 +392,11 @@
    Стэк
      -
    • ML / нейросети
      • +
    • Figma
      • +
    • React
      • +
    • Ant Design
      • +
    • Hope UI
      • +
    • LLM core
    • Smart OCR
    @@ -403,10 +421,10 @@
    Достижения
      -
    • Обновил визуальный язык продукта до уровня Windows 10/11 — компоненты стали на поколение современнее
      • -
    • Переработал 80+ экранов и диалогов, приведя их к единой сетке и типографике
      • -
    • Собрал библиотеку из 140 компонентов, закрывшую 90% потребностей интерфейса
      • -
    • Перевёл иконки и часть иллюстраций на векторную графику: корректное отображение при любом масштабировании и DPI
      • +
    • Обновил визуальный язык продукта до уровня Windows 11 — компоненты стали на поколение современнее
      • +
    • Переработал 10-ки экранов и модальных окон, приведя их к единой дизайн-системе основанной на токенах.
      • +
    • Собрал библиотеку из более чем 50-ти компонентов, которые можно переиспользовать и проектировать сценарии нового функционала с сохранением заложенных паттернов поведения
      • +
    • Перерисовал все старые растровые иконки в новые векторные. Таким образом появилась библиотека уникальных иконок количеством более 300 штук. Идеально отображаются на любом масштабе UI и DPI
    • Сократил время сборки нового экрана командой с 2 дней до 4 часов за счёт готовых компонентов
    @@ -415,7 +433,10 @@
    • Desktop IDE
    • Windows 10/11
      • -
    • Компонентная библиотека
      • +
    • Figma
      • +
    • AI инструменты
      • +
    • DevExpress UI
      • +
    • Handy Controls
    @@ -428,27 +449,28 @@
    Обязанности
      -
    • Адаптация дизайна Студии под Linux-версию на фреймворке Avalonia
      • -
    • Проектирование компонентов с учётом технических ограничений фреймворка
      • -
    • Синхронизация визуального языка между Windows- и Linux-версиями продукта
      • -
    • Совместная работа с разработкой над тем, что технически реализуемо в Avalonia, а что требует обходных решений
      • +
    • Разработка интерфейса IDE для платформы Linux с учётом выбранного функционала на основе реализованной версии под Windows
      • +
    • Проектирование компонентов с учётом технических ограничений фреймворка Avalonia Suki UI
    • Подготовка спецификаций поведения компонентов для реализации
    Достижения
      -
    • Собрал расширенную библиотеку из 95 компонентов для Avalonia, которой в проекте не существовало до меня
      • -
    • Обеспечил единообразие продукта на двух платформах при разных технологических стеках
      • -
    • Сократил количество визуальных расхождений между версиями с нескольких десятков до единичных случаев
      • -
    • Дал команде Linux-версии готовый набор решений вместо дизайна каждого экрана с нуля
      • +
    • Собрал библиотеку компонентов основанную на библиотеке Suki UI из которых можно быстро собирать интерфейс в Figma и передавать разработчикам
      • +
    • Разработал стиль программы, которая соответствует международному уровню, что положительно скажется при экспансии зарубежных рынков
      • +
    • Передал дизайн-инструкции по сборке экранов разработчикам, чтобы они могли самостоятельно собирать интерфейс под новые функции и выпускать релизы согласно роадмэп
    Стэк
    • Avalonia
      • -
    • .NET
      • +
    • Suki UI
      • +
    • Figma
      • +
    • AI инструменты
      • +
    • Cursor IDE
      • +
    • MobaXterm RDP
    • Linux
    @@ -481,9 +503,9 @@
    Стэк
      -
    • Аналитика / дашборды
      • -
    • KPI
      • -
    • Визуализация данных
      • +
    • Figma
      • + +
    @@ -515,9 +537,12 @@
    Стэк
      -
    • Мониторинг
      • -
    • Расписания / очереди
      • -
    • Уведомления / алерты
      • +
    • Figma
      • +
    • Ant Design
      • +
    • Storybook
      • +
    • AI инструменты
      • + +
    @@ -531,7 +556,7 @@
    Обязанности
    • Проектирование сценариев публикации вопроса, ответа и поиска по накопленной базе знаний
      • -
    • Дизайн интерфейса портала на базе общей дизайн-системы компании
      • +
    • Дизайн интерфейса портала в условиях ограничения используемого PHP движка для QnA типа сайта.
    • Проработка ролевой модели: пользователь, эксперт, служба поддержки, модератор
    • Проектирование механики поиска и подсказок похожих вопросов при публикации
    @@ -548,9 +573,10 @@
    Стэк
      -
    • Веб-портал
      • +
    • PHP QnA Engine
      • +
    • Figma
    • Дизайн-система
      • -
    • База знаний
      • +
    @@ -559,14 +585,18 @@

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

      -
    • Инициировал обновление внешнего вида всей продуктовой линейки — решение о редизайне компания приняла с моим приходом
      • +
    • Собрал и внедрил единую дизайн-систему для веб-сервисов, соединив фирменный стиль компании с новой структурой интерфейсов
      • -
    • Дизайн-систему приняли 4 продуктовые команды; она включает 210 компонентов и токены темизации
      • +
    • Сократил среднее время подготовки макетов по линейке на 35%
    • Создавал и поддерживал UI-kit для консистентности и ускорения разработки
    • Провёл более 20 пользовательских исследований и юзабилити-сессий за время работы
    • Вёл авторский надзор за реализацией, участвовал в дизайн-ревью, продуктовых обсуждениях и планировании релизов
      • -
    • Был единственным ведущим дизайнером на всю линейку из 6 продуктов и двух платформ
      • +
    • Нанял 4 дизайнеров интерфейсов для разных проектов компании
      • +
    • Провел больше 30 собеседований, в том числе внедрил формат WhiteBoard Interview
      • +
    • Разрабатывал тестовые задания с учётом потребностей конкретной должности и задач
      • +
    • Внедрил внутреннюю систему видеозвонков на основе Jitsi во внутреннем контуре компании совместно с отделом технической поддержки компании
      • +
    @@ -585,27 +615,26 @@
  • Проектирование интерфейса графического редактора: инструменты, панели свойств, работа с холстом и слоями
  • Оформление решений в виде юзерфлоу и передача разработчикам
  • Создание сложных интерактивных прототипов в Protopie для демонстрации поведения инструментов
    • -
  • Отрисовка недостающих иконок в стилистике продукта
    • -
  • Внесение предложений по улучшению функциональности редактора
    • -
  • Участие в обсуждениях продуктовых решений с командой

    • Достижения

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

    Стэк

    • Protopie
      • -
    • Графический редактор
      • -
    • Иконки / иллюстрации
      • +
    • Figma
      • +
    • Дизайн-система
      • +
    • Avalonia Custom UI
      • +
    • Windows
      • +
    • Linux
      • +
    • macOS
    @@ -653,9 +682,14 @@

    Стэк

      -
    • Tilda
      • -
    • Integromat / Zapier
      • -
    • Исследования пользователей
      • + +
    • Zapier
      • +
    • Figma
      • +
    • Miro
      • +
    • Mailchimp
      • +
    • Windows
      • +
    • Notion
      • +
    • Airtable
    @@ -719,14 +753,14 @@
  • Работа в дизайн-отделе численностью до 8 человек
  • Создание анкет персон и составление карты функциональности продукта в соответствии с потребностями персон
  • Вайрфреймы и отрисовка конечного UI интерфейсов
    • -
  • Проектирование юзкейсов, карт экранов, демонстрации микроанимаций
    • +
  • Подготовка мудбордов и дизайн-концепций, обсуждение их с клиентами
    • -
  • Подготовка и проведение презентаций дизайн-концепций
    • +
  • Линковка мокапов в прототипы, написание сценариев и проведение качественных юзабилити-тестирований
    • -
  • Внесение правок по результатам тестирований
    • -
  • Авторский надзор над реализацией дизайна разработчиками
    • + +
  • Участие в дизайн-ревью: разбор работ коллег и защита собственных решений
    • -
  • Прямая коммуникация с зарубежными клиентами для обсуждения дизайна и получения задач
    • +
    @@ -734,17 +768,27 @@
    • Провёл 10 сессий юзабилити-тестирования от написания сценария до внесения правок
    • Освоил новую для себя платформу Smart TV и довёл проект до успешной публикации в магазине приложений
      • +
    • Провёл исследования и реверс-инжиниринг дизайна приложений для платформы Roku TV и создал рабочий процесс разработки дизайна приложения заказчика, включающий: формирование идеи, разработку кликабельных прототипов, тестирование юзабилити на рабочем устройстве, контроль дизайна в приложении, разработанном нашими разработчиками
    • Вёл коммуникацию с зарубежными заказчиками напрямую, без посредников
    • Активно участвовал в улучшении рабочего процесса дизайн-отдела компании
      • -
    • Прошёл полный цикл продуктового дизайна на 5 клиентских проектах
      • +
    • Внедрил в команду использование Miro (ex. Realtime Board) для хранения артефактов исследований
      • +

    Стэк

      +
    • Sketch
      • +
    • Miro
      • +
    • Android
      • +
    • iOS
      • +
    • ROKU TV Box
    • Smart TV
      • -
    • Юзабилити-тестирование
      • -
    • Мудборды / дизайн-концепции
      • +
    • Marvel App
      • +
    • ProtoPie
      • +
    • Framer
      • + +
    @@ -783,8 +827,12 @@
    • Мобайл
    • Веб
      • -
    • Админ-панели
      • -
    • Графика
      • +
    • Adobe Photoshop
      • +
    • After Effects
      • +
    • Adobe Illustrator
      • + + +
    diff --git a/scripts/build-pages.mjs b/scripts/build-pages.mjs index 64018f9..e0eb1f4 100644 --- a/scripts/build-pages.mjs +++ b/scripts/build-pages.mjs @@ -11,6 +11,16 @@ const outDir = path.join(rootDir, "public"); const LOCALES = ["ru", "en"]; const DEFAULT_LOCALE = "ru"; +// Liquid Glass: инлайн SVG displacement-фильтр, инъецируется во все страницы. +// PNG-карта — мелкий равномерный шум (см. статью Хабра), даёт «живое» стекло в Chromium. +// В Safari/Firefox url()-фильтр в backdrop-filter не рендерится — там остаётся чистый blur. +const LIQUID_GLASS_FILTER = ``; + // --- SEO --- const SITE_ORIGIN = "https://mamadaevv.site"; const OG_IMAGE_DEFAULT = `${SITE_ORIGIN}/assets/og/og-default.png`; @@ -401,6 +411,9 @@ function build() { if (isCase) { rendered = stripCurrentCasePortfolioCarouselItem(rendered, omitFile); } + // Liquid Glass: инъецируем инлайн SVG displacement-фильтр сразу после . + const lgSvg = LIQUID_GLASS_FILTER.replace(/{{LG_ASSET_PREFIX}}/g, vars.assetPrefix); + rendered = rendered.replace(/(]*>)/, `$1\n ${lgSvg}\n`); ensureDir(path.dirname(outPath)); fs.writeFileSync(outPath, rendered, "utf8"); }