[ Frontend Engineer ] // Мілан, Італія — 45.4642° N · 9.1900° E
Системи онлайн

Інженерія, яку видно

Створюю швидкі, доступні та виразні інтерфейси для вебу й мобільних застосунків.

Гортайте
01 Про мене

Я — Петро Кутузов, фронтенд-інженер із понад шестирічним комерційним досвідом. Розробляю застосунки для вебу, iOS і Android на React, Vue та TypeScript. Поєдную інженерну дисципліну — продуктивність, доступність, тестування — з моушн-дизайном і 3D-графікою, щоб продукти були не лише надійними, а й виразними. Родом із Чернівців, нині живу й працюю в Мілані.

  • 6+ років комерційного досвіду
  • 11 галузей
  • 3 платформи: веб, iOS, Android
02 Навички

Чотири напрями, на яких я спеціалізуюся.

Інтерфейси

Точна адаптивна верстка за макетом, дизайн-системи та UI-кіти, доступність відповідно до WCAG.

  • Дизайн-системи
  • Адаптивність
  • Доступність

Анімації та 3D

Мікроанімації, сторітелінг на скролі та WebGL-сцени, що підсилюють продукт, а не відволікають від нього.

  • Three.js
  • GSAP
  • Framer Motion

Дані та інтеграції

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

  • REST / GraphQL
  • WebSockets
  • Візуалізація даних

Якість і продуктивність

Фронтенд-архітектура, оптимізація продуктивності, SSR та SEO, автоматизоване тестування, мультимовність і код-рев’ю.

  • Core Web Vitals
  • SSR / SEO
  • Тестування
03 Досвід

Понад шість років в одинадцяти галузях: від фінтеху й SaaS до Web3 та мобільних застосунків. Для кожного напряму — його специфіка та ключові технології.

Особистий проєкт

Цей сайт

3D-сайт на власних шейдерах: до 22 000 частинок перетікають між формами, сценами керує скрол, а звук синтезує сам браузер.

  • Three.js
  • GLSL
  • Web Audio
  • GSAP
Комерція та фінанси

E-commerce і фінтех

Каталоги, кошики й платіжні сценарії, де швидкість завантаження впливає на конверсію, а також фінансові інтерфейси, що вимагають точності.

  • Next.js
  • Платежі
  • SSR / SEO
  • i18n
Дані та аналітика

SaaS, дашборди та CRM

Складні інтерфейси для бізнесу: інтерактивні графіки, великі таблиці даних, рольовий доступ і оновлення в реальному часі.

  • React
  • TanStack Query
  • WebSockets
  • Zustand
iOS та Android

Мобільні застосунки

Кросплатформені застосунки з єдиної кодової бази: доступ до нативних можливостей пристрою та плавний інтерфейс.

  • Capacitor
  • Vue
  • React
  • TypeScript
Блокчейн

Web3

Інтерфейси децентралізованих застосунків: підключення криптогаманців і взаємодія зі смарт-контрактами.

  • React
  • TypeScript
  • Криптогаманці
  • Смарт-контракти
Креативна розробка

3D, промо та лендинги

Промосайти й лендинги з анімаціями на скролі, WebGL-сценами та продуманими мікроінтеракціями.

  • Three.js
  • GSAP
  • Framer Motion
  • Tailwind
Інші галузі

Медіа, освіта, логістика та подорожі

Стрімінгові й контентні платформи, навчальні сервіси, відстеження доставок на карті та системи бронювання. Скрізь — адаптивність і доступність.

  • Nuxt
  • Карти
  • WCAG
  • Playwright
Інструменти, з якими я працюю

Гортайте вниз — картки рухаються вбік Проведіть угору — картки рухаються вбік Гортайте картки вбік

04 Стек

React//Next.js//Vue//Nuxt//TypeScript//JavaScript//Capacitor//
Tailwind//SCSS//styled-components//Redux//Zustand//TanStack Query//GraphQL//
Apollo//WebSockets//Three.js//GSAP//Framer Motion//Vite//Webpack//Jest//Cypress//Playwright//
05 AI

AI — інструмент, а не автор. Він бере на себе рутину, тоді як рішення, архітектура й відповідальність за якість залишаються за мною.

  • 01

    Швидке прототипування

    Збираю першу версію компонента чи сторінки за лічені хвилини, а потім доводжу її до ладу вручну.

  • 02

    Тести, рефакторинг і рев’ю

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

  • 03

    Агенти, боти та MCP

    Розробляю ботів і агентів, інтегрую AI з Figma та Blender через MCP-сервери.

  • 04

    Навчання та документація

    З AI швидше опановую нові технології й тримаю документацію актуальною.

  • Claude Code
  • Cursor
  • ChatGPT
  • Gemini
  • MCP

Принцип роботи Я формулюю завдання й проєктую архітектуру, AI пропонує варіанти, а я обираю, доопрацьовую й перевіряю результат. Жоден рядок коду не потрапляє в продакшн без мого рев’ю. Конфіденційний код і дані передаю лише в інструменти, погоджені для роботи з ними.

06 Підхід

Від аналізу задачі до деталей, які визначають якість.

Гортайте, щоб рушити
  1. Цілі
    01

    Аналіз

    Спершу з’ясовую потреби користувачів і цілі бізнесу — і лише потім пишу код.

  2. Архітектура
    02

    Проєктування

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

  3. Код
    03

    Розробка

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

  4. Якість
    04

    Контроль якості

    Вимірюю продуктивність, перевіряю доступність, покриваю код тестами й шліфую дрібниці.

07 Контакти

Відкритий до професійних знайомств і розмов про фронтенд, 3D у вебі та розробку з AI.