[ Frontend Engineer ] // Milan, Italy — 45.4642° N · 9.1900° E
Systems online

Engineering you can see

I build fast, accessible and expressive interfaces for the web and mobile apps.

Scroll
01 About

I’m Petro Kutuzov, a frontend engineer with over six years of commercial experience. I build web and cross-platform mobile apps with React, Vue and TypeScript. I pair engineering discipline — performance, accessibility, testing — with motion design and 3D, so the products I work on are as reliable as they are expressive. Originally from Chernivtsi, Ukraine, I now live and work in Milan.

  • 6+ years of commercial experience
  • 11 industries
  • 3 platforms: web, iOS, Android
02 Expertise

The four areas I specialize in.

UI engineering

Design systems, component libraries and pixel-accurate responsive layouts that meet accessibility standards (WCAG).

  • Design systems
  • Responsive design
  • Accessibility

Motion & 3D

Micro-animations, scroll-driven storytelling and WebGL scenes that serve the product instead of distracting from it.

  • Three.js
  • GSAP
  • Framer Motion

Data & integrations

API and payment integrations, real-time updates, charts, dashboards and maps.

  • REST / GraphQL
  • WebSockets
  • Data visualization

Quality & performance

Frontend architecture, performance optimization, SSR and SEO, automated testing, internationalization and code review.

  • Core Web Vitals
  • SSR / SEO
  • Testing
03 Experience

Over six years across eleven industries, from fintech and SaaS to Web3 and mobile apps. Each card sums up what makes the domain specific and the technologies that matter there.

Personal project

This portfolio

A 3D site built with custom shaders: up to 22,000 particles morphing between shapes, scroll-driven scenes and sound synthesized in the browser.

  • Three.js
  • GLSL
  • Web Audio
  • GSAP
Commerce & finance

E-commerce & fintech

Catalogs, carts and checkout flows where page speed drives conversion, and financial interfaces that demand precision.

  • Next.js
  • Payments
  • SSR / SEO
  • i18n
Data & analytics

SaaS, dashboards & CRM

Data-heavy business apps: interactive charts, large data tables, role-based access and real-time updates.

  • React
  • TanStack Query
  • WebSockets
  • Zustand
iOS & Android

Mobile apps

Cross-platform apps that share one codebase, use native device features and feel smooth on both iOS and Android.

  • Capacitor
  • Vue
  • React
  • TypeScript
Blockchain

Web3

Interfaces for decentralized applications: wallet connection and smart contract interaction.

  • React
  • TypeScript
  • Wallets
  • Smart contracts
Creative development

3D, promo & landing pages

Promo sites and landing pages with scroll-driven motion, WebGL scenes and considered micro-interactions.

  • Three.js
  • GSAP
  • Framer Motion
  • Tailwind
Other industries

Media, education, logistics & travel

Streaming and content platforms, e-learning tools, map-based delivery tracking and booking systems, all responsive and accessible.

  • Nuxt
  • Maps
  • WCAG
  • Playwright
The tools I work with

Scroll down to move the cards sideways Swipe up to move the cards sideways Swipe to browse the cards

04 Stack

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 is a tool, not the author. It takes care of routine work, while decisions, architecture and responsibility for quality stay with me.

  • 01

    Rapid prototyping

    AI gets me to a working first version of a component or page fast; then I refine it by hand.

  • 02

    Tests, refactoring & review

    AI drafts tests and helps surface weak spots; I personally review every line.

  • 03

    Agents, bots & MCP

    I build bots and agents, and connect AI to Figma and Blender through MCP servers.

  • 04

    Learning & documentation

    AI helps me ramp up on new technologies quickly and keep documentation current.

  • Claude Code
  • Cursor
  • ChatGPT
  • Gemini
  • MCP

Ground rule I define the task and design the architecture; AI proposes options, and I select, refine and verify the result. No line of code reaches production without my review. Confidential code and data only go into tools approved for them.

06 Approach

From analyzing the problem to the details that define quality.

Scroll to drive
  1. Goals
    01

    Analysis

    First, I clarify user needs and business goals. Only then do I write code.

  2. Architecture
    02

    Technical design

    I plan a component architecture that keeps the interface easy to scale and change.

  3. Code
    03

    Development

    Clean code, purposeful motion and testing across screens and devices.

  4. Quality
    04

    Quality assurance

    Performance and accessibility checks, test coverage and a final pass over every detail.

07 Contact

Open to professional connections and conversations about frontend engineering, 3D on the web and AI-assisted development.