Одеса, Україна · у дизайні з 1997 року

Євген Пешинський

Інженер з автоматизації дизайну — перетворюю дизайнерську роботу на інструменти й AI-процеси.

Я будую системи, що стоять за дизайном: бронювання, яким користуються , , що перетворюють бриф на робочий прототип, і , який я сам довів від ідеї до сторів.

Натисніть фразу — нижче відкриється робота.

Мій фан-проєкт — застосунок для велосипедистів.

Євген Пешинський у сірій кепці біля моря в Одесі
Я проєктую, як це працює. Агенти роблять, щоб воно працювало.

Вибрані роботи

10 · натисніть, щоб відкрити

  1. Як це зроблено

    Екрани під NDA, тож тут схема. Справжні екрани покажу на запит.

    Лід фронтенд-архітектури · дизайн + розробка

    Побудовано агентний конвеєр від дизайну до розробки: фіча проходить шлях від задачі до протестованого коду за дні замість тижнів — без етапу Figma й окремого відділу дизайну. Прототипи у двох варіантах дають бізнесу найкраще рішення; тестування скоротилося з тижнів до годин.

    Платформа клієнтських даних для авіакомпаній, спроєктована в коді замість Figma. Звичний шлях — макет у Figma, передача, тижні розробки, ручне тестування — замінено конвеєром: дослідження, HTML-прототип у двох варіантах, мій вибір, далі агенти planner, coder, verifier і reviewer у Claude Code збирають фічу на дизайн-системі, а скіл-тестувальник проходить кожен флоу як реальний клієнт, роль за роллю. В останньому замірі він ловив 70% того, що знаходив живий тестувальник, а людина пропускала 80% його знахідок. Я веду фронтенд-архітектуру в команді з п’ятьох: структуру, дизайн-систему — 96 компонентів у трьох рівнях, зі Storybook як еталоном, — і логіку кожної фічі. Приблизно половина фронтенду вийшла з моїх сесій.

    80%
    знахідок скіла-тестувальника пропустило ручне тестування (останній замір)
    96
    компонентів дизайн-системи у 3 рівнях: base, domain, ai
    1,309
    історій Storybook у 343 файлах
    393
    з 777 комітів — мої

    Стек Vue 3.5 · Vite 7 · TypeScript strict · Pinia · Storybook 8 · Vitest · Playwright e2e · Lighthouse CI · Laravel backend · Claude Code (5 agents · 13 skills)

  2. Як це зроблено

    Концепція · далі

    Екрани під NDA, тож тут схема. Справжні екрани покажу на запит.

    Соло · дизайн + розробка · 140 зі 140 комітів

    Стилізація рушія бронювання під нову авіакомпанію забирала близько місяця роботи дизайну й фронтенду; тут це день: компоненти обирають в адмінці, бренд — один JSON. Авіакомпанія швидко міняє компоненти, тестує їх — і підвищує конверсію.

    Один рушій бронювання для будь-якої авіакомпанії, зроблений AI-агентами — харнес із 5 агентів і 32 скілів — без Figma, однією людиною. Там, де нова авіакомпанія зазвичай означає місяць перестилювання, тут кожна авіакомпанія обирає компоненти в адмінці, а весь її стиль — один JSON: робота на день. Почалося з дослідження авіакомпаній і платформ-конкурентів та UX-патернів. Фронтенд говорить із бекендом будь-якої авіакомпанії через один контракт: питає, які з 28 можливостей бекенд уміє, і ховає те, чого він не вміє. Наступний крок — головна ідея: фронтенд, що підлаштовується під кожного пасажира й складається за порадою Paximizer CDP — порядок кроків, пропозиції, компонування, — а підсумкова ціна завжди на виду.

    9
    екранів воронки — від пошуку до реєстрації на рейс, плюс адмінпанель
    32
    скіли агентів; 5 агентів: analyst, builder, tester, reviewer, themer
    28
    можливостей — сторінки ховають блоки, які бекенд не може віддати
    1,368
    тестів

    Стек Claude Code harness (5 agents · 32 skills) · Next.js 14 · React 18 · TypeScript strict · Radix + shadcn/ui · Tailwind · Zustand · Apollo GraphQL · next-intl (en/de/fr) · MSW · Vitest · Playwright · Storybook · Turborepo + pnpm

  3. Як це зроблено

    Weekly researchUpdatingLive · Wk 43
    • Loyalty programmes rethink tiersTrade press · 20 Oct
    • Ancillary revenue outlook 2026Analyst report · 19 Oct
    • What buyers asked this monthOur sales calls · 17 Oct
    • What passengers expect in a delayIndustry survey · 15 Oct

    8 live topics

    • Product tour4 src
    • Loyalty 20263 src
    • Ancillaries3 src
    • One profile2 src
    • Disruption3 src
    • AI in CRM2 src
    • Churn signals2 src
    • Q4 roadmap1 src
    plan.mdNext 2 weeks4 briefs
    MonTueWedThuFriWk 4426–30 OctWk 452–6 Nov2627Product tourBrief · 09:002829Loyalty 2026Brief · 09:003023AncillariesBrief · 09:0045One profileBrief · 09:006
    Weeks 3–6 · outlines
    • Wk 46Disruption
    • Wk 47AI in CRM
    • Wk 48Churn signals
    • Wk 49Q4 roadmap
    Brief · Tue 27 OctProduct tour
    • Made
    • Approved
    • Live
    pax-deck kit65 slide types
    Aa InterAa Mono
    • One idea per slide
    • Sample-data footer
    • Every slide shot and checked
    • cover
    • chain
    • figures
    • versus
    • scene-flaps
    • scene-route
    deck.html6 slides
    Cover: Insight to action
    The Activation Layer: one profile over PSS, RMS, loyalty, DCS, web and app
    Journeys that build themselves: a journey drawn from one sentence
    From prompt to launch in minutes: the AI mailing editor
    One passenger, one story: two records merged into one
    Here’s your month: the campaign dashboard
    product-tour.mp4Voice: Kokoro, local
    0:30 / 2:34RenderingMP4 ready
    • Deck
    • Post
    • Voice
    • Video
    PPPAX Pitchbot
    Needs a human: Thu brief has no source09:12
    2:34Post ready — approve?LinkedIn · X · Threads · Tue 09:0010:41
    ApproveDon’t approve
    Approved. Scheduled for Tue 09:00.10:42
    PPaximizerCompany pageScheduledPublished

    One sentence in, a whole journey out.

    2:34
    ScheduledPublishedTue 09:00
    PPaximizer@paximizerScheduledPublished

    From prompt to launch in minutes.

    Reel
    ScheduledPublishedTue 09:00
    PPaximizerpaximizerScheduledPublished

    One passenger, one story — every system in one profile.

    ScheduledPublishedTue 09:00
    paximizer.comInsightsScheduledPublished

    Product tour: a journey from one sentence

    ScheduledPublishedTue 09:00

    Дизайн + розробка · 358 з 369 комітів

    Дослідження, контент-план, презентації, пости й озвучені відео — тижневий обсяг відділу маркетингу — працюють самі. Презентацію, на яку дизайнер витрачав дні, замовляють у вебадмінці чи Telegram, і сервер з AI-моделлю генерує її за хвилини.

    Студія презентацій і контенту, що робить роботу відділу маркетингу: ніхто не малює презентації вручну й не добирає матеріали. Щотижня вона досліджує, про що писати, і планує на два тижні вперед, з брифами. Презентації, пости, озвучка й відео збираються на одній дизайн-системі з шаблонами й правилами, а озвучує їх безкоштовний локальний голос. Усім керує вебадмінка — календар, презентації, пости, — а презентації генерує сервер з AI-моделлю; Telegram-бот бере на себе затвердження й термінові замовлення, хвилини замість днів; опубліковані пости дублюються на paximizer.com.

    65
    типів слайдів
    2
    TTS-рушії
    358
    з 369 комітів — мої

    Стек deck.json · HTML-презентація + скриншоти слайдів · локальний TTS Kokoro-82M або Edge TTS · запис у реальному часі → MP4 · самодостатня публікація · Telegram-бот · вебадмінка

  4. Як це зроблено

    LandingPromo kit

    Idea

    Plan your whole week
    in one tap.

    Competitor sites3 compared
    Site ASite BSite C
    Clear promise
    Shows the product
    One clear CTA
    Social proof
    Score3/42/41/4

    What they missNo product shown above the foldTwo CTAs compete for the click

    The angleShow the week itself

    Landing · MobileLanding · DesktopWireframePolished
    How it worksPricingGet the app

    Plan your whole week
    in one tap.

    To-dos, meetings and habits, sorted into a week that fits.Get the appHow it works
    This weekOct 20–26MTWTFSS
    Auto-planOne tap, doneRemindersAt the right timeWeekly reviewWhere time went
    Banner: Plan your whole week in one tap, with the week view
    Banner1200×628
    Story: Your whole week, in one tap
    Story9:16
    Sales slide: Your week, in one tap
    Slide16:9
    Store screenshot: Plan your week in one tap
    Store1290×2796
    paximizer.com на телефоні: Insight to action, AI-платформа клієнтських даних для авіації та готельного бізнесу
    paximizer.com
    wind2ride.app на телефоні: кожна гарна поїздка починається напередодні
    wind2ride.app
    Промосайт WebSky Tech на телефоні: Empowering your growth and revenue potential
    WebSky Tech· Behance
    Багато інших з 2010 року — офлайн або під NDA. На запит.

    Дизайн + розробка

    Усе під ключ — сайт, промокит, матеріали для продажів — від однієї людини замість агенції чи дизайн-команди маркетингу. paximizer.com переїхав із Webflow без жодного зламаного посилання.

    Упаковую продукт під ключ — інтерфейс, сайт і всі матеріали для продажів і промо, — тож агенція чи дизайн-команда маркетингу не потрібні. Кожен сайт починається з дослідження — сайти конкурентів поруч, що вони кажуть і чого їм бракує, — далі вайрфрейми, дизайн і промокит. paximizer.com переїхав з Webflow, не втративши жодної з 91 старої адреси, тож не зламалося жодне посилання; на wind2ride.app — сторінки для поширення маршрутів, запрошення до клубів і відеогайд. Багато інших сайтів з 2010 року вже офлайн або під NDA — покажу на запит.

    91
    URL зі старого сайту збережено при переїзді paximizer.com з Webflow
    2
    мови на wind2ride.app: англійська й українська

    Стек Astro 5 + GSAP (paximizer.com) · HTML + Netlify functions (wind2ride.app) · Figma (WebSky Tech promo site)

  5. Як це зроблено

    Планувальник маршрутів, що читає вітер

    Wind2Ride на iPhone: маршрут довкола Одеси, розфарбований за вітром, деталі прибуття й профіль висот
    600+велосипедистів уже користуються
    Download on the App StoreGet it on Google Play

    Соло — від ідеї до публікації в сторах

    Продукт, дизайн, розробка, публікація в сторах і підтримка — робота невеликої продуктової команди, зроблена однією людиною у вільний час. Уже 600+ велосипедистів.

    Я велосипедист і роблю застосунок для велосипедистів — сам, від ідеї до сторів, роблячи те, що робить невелика продуктова команда: продукт, дизайн, розробку, релізи й підтримку. Почалося з поїздки проти вітру й аналізу, як дані про вітер можуть оцінити маршрут відрізок за відрізком. Велосипедисти тестували його в беті й надсилали звіти просто із застосунку зі скриншотами; далі з’явилася соціальна частина — клуби й спільні заїзди. У Google Play, а з літа 2026 року й в App Store.

    600+
    велосипедистів уже користуються
    415+
    комітів
    9
    релізів
    10
    інтеграцій з API

    Стек React Native / Expo · TypeScript · 10 інтеграцій з API · 6 мов

  6. Як це зроблено

    MuseClaude Code skillOpen source · GitHub

    Одна дизайн-ідея на вашій дизайн-системіFinds one design idea that sells and builds it without breaking the design system

    23 directionsa jury3 sketchesthis page
    • Open sourceLanguage TutorSessions → lessons
    • Figma CommunityChameleonColour → full palettes
    • Figma CommunityFollow the PathObjects along any path
    • VS Codeclaude-commitWrites commit messages

    Зроблено для власної роботи

    Кожен інструмент назавжди прибирає з дня один повторюваний ручний крок. Muse зробив для цієї сторінки дослідження рівня студії — 23 напрями, журі, 3 ескізи — за одну сесію замість тижнів.

    Можу автоматизувати будь-який робочий процес, і кожен інструмент тут назавжди прибрав один повторюваний ручний крок. Коли крок повторюється, спершу шукаю готовий інструмент, а якщо жоден не підходить — роблю свій: скіли, плагіни й розширення під реальну повторювану роботу. Muse — скіл для Claude Code — знаходить одну дизайн-ідею, яка продає, і втілює її, не ламаючи дизайн-систему. Він спроєктував цю сторінку так, як це зробила б студія, за одну сесію: 23 напрями, незалежне журі, дошка ідей, 3 ескізи — і ось вона.

    • Muse — скіл для Claude Code: знаходить оригінальний дизайн-напрям і втілює його, не ламаючи дизайн-систему; цю сторінку спроєктовано з ним. Відкритий код. GitHub
    • Chameleon — плагін для Figma: один базовий колір → повні світла й темна палітри, режим A11Y, експорт у Figma Variables / Token Studio JSON. Figma Community, бета. GitHub
    • Follow the Path — плагін для Figma: розміщує об’єкти вздовж будь-якого шляху чи контуру фігури, з відступами й поворотом за кривою. GitHub
    • claude-commit — розширення для VS Code: кнопка в Source Control пише повідомлення у форматі Conventional Commits через Claude Code CLI.
    • Language Tutor — плагін для Claude Code + панель у VS Code: сесії програмування стають уроками мови. Зроблено для власної англійської. Відкритий код. GitHub
    • Claude Code Status Bar — розширення для VS Code: модель, effort, thinking, контекст і ліміти плану в рядку стану. Не опубліковане.
    • window-color — скіл для Claude Code: свій колір рядка стану для кожного проєкту.
    2
    плагіни у Figma Community
    3
    розширення для VS Code
    2
    скіли для Claude Code

    Стек скіли для Claude Code · плагіни для Figma · розширення для VS Code

  7. Як це зроблено

    pax-kbMCP server · Node + TypeScriptRunning

    Tools · 8

    • kb_search
    • kb_search_code
    • kb_get_entity
    • kb_get_source
    • kb_get_hierarchy
    • kb_get_mock_data
    • kb_get_components_for_ui
    • kb_check_freshness
    pax-kbMCP · 8 tools · 10,005 fragments

    Pax, how does the segment filter work?

    • kb_search"segment filter"
    • kb_get_entity"SegmentGroups"
    • kb_get_components_for_ui"segments"
    Paxillustrative

    Segments are groups of conditions: each picks a passenger property and a value; groups join with AND or OR.

    Sources

    • SegmentGroups.docs.md
    • SegmentGroupCondition.docs.md
    • <SegmentPropertySelector>
    Ask Pax about the project…

    Архітектор і автор

    Генератор контексту для AI: будь-яке питання про продукт — бізнес-правило чи рядок коду — отримує відповідь за секунди замість годин пошуків. Це скоротило навчання багатьох колег до хвилин і токени, які агенти витрачають на контекст.

    База знань, яку може питати AI, — генератор контексту. Питання про продукт, що раніше коштувало годин пошуків у старому коді й документації або днів онбордингу новачка, отримує відповідь за секунди — від бізнес-правила до рядка коду. Я задокументував старий фронтенд і бекенд, проіндексував усе в RAG і зібрав MCP-сервер, щоб будь-який AI-агент міг звернутися до проєкту й отримати повний контекст для будь-якої задачі.

    10,005
    проіндексованих фрагментів: 8,854 фронтенд, 1,151 бекенд
    769
    документів
    8
    MCP-інструментів
    27
    агентів

    Стек MCP-сервер на Node + TypeScript · FAISS-ембединги (768-d) · RAG · MCP-інструменти: kb_search, kb_search_code, kb_get_entity, kb_get_source, kb_get_hierarchy, kb_get_mock_data, kb_get_components_for_ui, kb_check_freshness

  8. Як це зроблено

    Пакети тарифів у справжньому рушії бронювання: Economy Rare та Economy Medium, кожен з опціями багажу, місця, харчування, зміни дати й повернення
    +5%конверсії в A/B-тесті (попередньо)
    Переглянути кейс на Behance ↗

    Провідний продуктовий дизайнер, WebSkyTech

    Бронюванням користуються 20+ авіакомпаній. Токени перетворили брендування нової авіакомпанії з тижнів ручного перестилювання на набір токенів, що застосовується за дні; оновлений флоу дав +5% конверсії в A/B-тесті (попередньо).

    Повністю кастомізований рушій бронювання для авіакомпаній — ним користуються 20+ із них. Кастомізація бренду перейшла від ручного перестилювання, тижні на кожну авіакомпанію, до дизайн-токенів, що застосовуються за дні. Спершу дослідження — авіаційні обмеження: PNR, SSR, правила тарифів, багаж, — потім логіка бронювання у вайрфреймах, дизайн-токени для мультибрендових тем, інтерфейс, тести на клікабельних прототипах у Figma (+5% конверсії в A/B-тесті, попередньо) й передача команді фронтенду.

    20+
    авіакомпаній користуються продуктами бронювання, які я спроєктував
    +5%
    конверсії в A/B-тесті оновленого флоу бронювання (попередньо)
    400+
    кастомізованих компонентів

    Стек Figma · дизайн-токени · мультибрендові теми

  9. Як це зроблено

    CDP v1, справжній інтерфейс: меню й профіль пасажира 360° з картою лояльності, особистими даними, бронюваннями й зверненнями
    6модулівMVP → продакшн
    Переглянути кейс на Behance ↗

    Продуктовий дизайнер, від MVP до продакшену

    Спроєктовано на реальних моделях API чотирьох авіаційних систем, тож фронтенд зібрали один раз — без кіл перероблення, коли прийшли дані. Шість модулів, від MVP до продакшену, один дизайнер.

    Платформа клієнтських даних для авіакомпаній, спроєктована у Figma й доведена від MVP до продакшену одним дизайнером. Дизайн спирався на реальні моделі API чотирьох авіаційних систем, тож екрани від початку відповідали даним, а фронтенд зібрали один раз, без кіл перероблення. Більшість роботи — варіанти: кожен компонент у кількох версіях, протестованих одна проти одної, і залишено правильну — в аналітиці, профілях пасажирів, лояльності, кампаніях, підтримці й моніторингу, з ролями, станами та крайніми випадками.

    4
    авіаційні системи (PSS, DCS, FFP, CRM) в одному профілі пасажира 360°
    6
    модулів — від профілів клієнтів до автоматизації сценаріїв

    Стек Figma · реальні моделі API · ролі та стани

  10. Як це зроблено

    ABPicked
    20+екранів-вайрфреймів розроблено й протестовано
    Справжній сайт авіакомпанії: вісім мобільних екранів — пошук, напрямки, послуги, маршрути, багаж, календар рейсів, трансфер і готелі, табло рейсів
    26екранів на 4 брейкпоінтах
    Переглянути кейс на Behance ↗

    Провідний продуктовий дизайнер, WebSkyTech

    Конструктор сайтів для авіакомпаній: сайт для будь-якої авіакомпанії збирається з варіантів блоків і стилізується під її бренд за дні замість окремого дизайн-проєкту на тижні.

    Конструктор сайтів для авіакомпаній — один шаблон, що перестилюється під будь-яку авіакомпанію (white label), — тож сайт нової авіакомпанії збирається за дні замість тижнів дизайну з нуля. Дослідження того, що потрібно кожному сайту авіакомпанії, 20+ протестованих екранів-вайрфреймів, семантичні токени зі світлою й темною темами, бібліотека компонентів з варіантами — і конструктор: обираєш варіант кожного блоку, і сайт збирається в бренді авіакомпанії.

    26
    екранів на 4 брейкпоінтах
    20+
    протестованих екранів-вайрфреймів
    8
    віджетів пошуку, 10 hero-банерів, 8 футерів — усі з варіантами

    Стек Figma · Notion · семантичні токени · світла й темна теми

Навички

Hard skills 06

  1. AI-агенти й харнеси

    Налаштовую харнес — агенти, скіли, хуки, MCP-сервери, RAG, — щоб AI працював за правилами проєкту.

  2. Фронтенд з AI-агентами

    Архітектуру, структуру й перевірки задаю я, код пишуть агенти (Vue, React Native, Astro).

  3. Логіка продукту й UX

    Флоу, сценарії, ролі й стани — аж до моделі даних: як воно працює, а вже потім як виглядає.

  4. UI і дизайн-системи

    Композиція й типографіка; токени, компоненти й мультибрендові теми, Storybook як еталон.

  5. Інструменти дизайну

    • Figma
    • Token Studio
    • Photoshop
    • Illustrator
    • InDesign
  6. Автоматизація й облік роботи

    Процеси, задачі й час: від власних баз до Notion і трекерів.

Soft skills 04

  1. Говорити з AI — і сперечатися з нимголовний

    • Спершу план — пишемо його разом, я затверджую — і лише тоді робота.
    • Правила — що йому можна, а що ні: дозволи, хуки, перевірки.
    • Оцінка — зважую його пропозиції й сперечаюся, коли він помиляється.
    • Порада — питаю варіанти й методи, а не лише відповідь.
  2. Знаю, що не віддавати AI

    AI — там, де він окупається; готовий рушій (безкоштовний локальний голос), скрипт чи малюнок — там, де ні; анімація — лише там, де вона щось пояснює.

  3. Відповідальність за задачу

    Від першого питання до запущеного продукту.

  4. Бракує інструмента — роблю його

    Репетитор для моєї англійської, статус-бар для лімітів, палітри для Figma — плагіни й скіли під власну рутину.

Досвід

РезюмеPDFDOCX

  1. 1997–2010Графічний дизайнерПоліграфія та веб: рекламні агенції, теле- й радіокомпанії, друкарні
  2. 2010–2021Cloudlessons / фрилансПровідний вебдизайнер; освітні платформи з мільйонами відвідувань на місяць
  3. 2021–2023WebSkyTech Провідний продуктовий дизайнер
  4. 2023–дотеперPaximizer Технолог продуктового дизайну

Про мене

Одеса, Україна. Займаюся дизайном з 1997 року — поліграфія, веб, освітні платформи з мільйонами відвідувачів, потім продукти для авіакомпаній, — а останні кілька років будую системи, які виконують дизайн-роботу: токени, компоненти, прототипи й AI-процеси, що складають усе це докупи.

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

Англійська: B1 і зростає — щодня практикуюся з плагіном, який для цього зробив, — Language Tutor ↗

Треба збудувати продукт чи розплутати дизайн-систему? Поговорімо.

Wind2Ride — мій фан-проєкт: планувальник маршрутів для велосипедистів, що враховує вітер. Роблю його у вільний час — якщо катаєтесь, спробуйте.