[ Frontend Engineer ] // Milano, Italia — 45.4642° N · 9.1900° E
Sistemi online

Ingegneria che si vede

Sviluppo interfacce veloci, accessibili ed espressive per il web e le app mobile.

Scorri
01 Chi sono

Sono Petro Kutuzov, frontend engineer con oltre sei anni di esperienza professionale. Sviluppo applicazioni web e app mobile multipiattaforma con React, Vue e TypeScript. Unisco il rigore ingegneristico — performance, accessibilità, test — al motion design e al 3D, perché i prodotti siano non solo affidabili, ma anche espressivi. Originario di Černivci, in Ucraina, oggi vivo e lavoro a Milano.

  • 6+ anni di esperienza professionale
  • 11 settori
  • 3 piattaforme: web, iOS, Android
02 Competenze

Le quattro aree in cui sono specializzato.

Interfacce

Layout responsive precisi al pixel, design system e UI kit, conformità agli standard di accessibilità.

  • Design system
  • Responsive
  • Accessibilità

Animazioni e 3D

Microanimazioni, storytelling allo scroll e scene WebGL che valorizzano il prodotto invece di distrarre.

  • Three.js
  • GSAP
  • Framer Motion

Dati e integrazioni

Integrazione di API e pagamenti, aggiornamenti in tempo reale, grafici, dashboard e mappe.

  • REST / GraphQL
  • WebSockets
  • Visualizzazione dati

Qualità e performance

Architettura frontend, ottimizzazione delle performance, SSR e SEO, test automatizzati, internazionalizzazione e code review.

  • Core Web Vitals
  • SSR / SEO
  • Test
03 Esperienza

Oltre sei anni in undici settori: dal fintech al SaaS, dal Web3 alle app mobile. Per ogni ambito, le sfide tipiche e le tecnologie di riferimento.

Progetto personale

Questo portfolio

Un sito 3D con shader scritti da zero: fino a 22.000 particelle in continua metamorfosi, scene guidate dallo scroll e suoni sintetizzati nel browser.

  • Three.js
  • GLSL
  • Web Audio
  • GSAP
Commercio e finanza

E-commerce e fintech

Cataloghi, carrelli e checkout in cui la velocità di caricamento incide sulle conversioni, e interfacce finanziarie che richiedono precisione.

  • Next.js
  • Pagamenti
  • SSR / SEO
  • i18n
Dati e analisi

SaaS, dashboard e CRM

Interfacce gestionali complesse: grafici interattivi, grandi tabelle di dati, permessi basati sui ruoli e aggiornamenti in tempo reale.

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

App mobile

App multipiattaforma da un’unica base di codice, con accesso alle funzionalità native del dispositivo e un’interfaccia fluida.

  • Capacitor
  • Vue
  • React
  • TypeScript
Blockchain

Web3

Interfacce per applicazioni decentralizzate: connessione dei wallet e interazione con gli smart contract.

  • React
  • TypeScript
  • Wallet
  • Smart contract
Sviluppo creativo

3D, siti promo e landing page

Siti promozionali e landing page con animazioni allo scroll, scene WebGL e microinterazioni curate.

  • Three.js
  • GSAP
  • Framer Motion
  • Tailwind
Altri settori

Media, formazione, logistica e viaggi

Piattaforme di streaming e contenuti, e-learning, tracciamento delle consegne su mappa e sistemi di prenotazione: interfacce responsive e accessibili.

  • Nuxt
  • Mappe
  • WCAG
  • Playwright
Gli strumenti che uso

Scorri giù: le card si spostano di lato Scorri verso l’alto: le card si spostano di lato Scorri le card di lato

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

L’AI è uno strumento, non l’autore: si occupa della routine, mentre le decisioni, l’architettura e la responsabilità sulla qualità restano mie.

  • 01

    Prototipazione rapida

    In poco tempo creo una prima versione di un componente o di una pagina, poi la rifinisco a mano.

  • 02

    Test, refactoring e code review

    L’AI prepara le bozze dei test e aiuta a individuare i punti deboli; ogni riga, però, la verifico personalmente.

  • 03

    Agenti, bot e MCP

    Creo bot e agenti; tramite server MCP collego l’AI a Figma e Blender.

  • 04

    Apprendimento e documentazione

    Con l’AI imparo più in fretta le nuove tecnologie e tengo aggiornata la documentazione.

  • Claude Code
  • Cursor
  • ChatGPT
  • Gemini
  • MCP

Principio guida Definisco l’obiettivo e progetto l’architettura; l’AI propone alternative, io scelgo, perfeziono e verifico il risultato. Nessuna riga di codice arriva in produzione senza la mia revisione. Codice e dati riservati finiscono solo in strumenti approvati per gestirli.

06 Metodo

Dall’analisi del problema ai dettagli che fanno la qualità.

Scorri per avanzare
  1. Obiettivi
    01

    Analisi

    Prima chiarisco le esigenze degli utenti e gli obiettivi di business; solo dopo scrivo il codice.

  2. Architettura
    02

    Progettazione

    Imposto un’architettura a componenti, così l’interfaccia può scalare ed evolvere senza fatica.

  3. Codice
    03

    Sviluppo

    Codice pulito, animazioni mirate e test su schermi e dispositivi diversi.

  4. Qualità
    04

    Controllo qualità

    Performance, accessibilità, test e cura di ogni dettaglio.

07 Contatti

Sono aperto al confronto con altri professionisti su frontend, 3D per il web e sviluppo con l’AI.